Stack Overflow
Stack Overflow

Questions tagged [css3pie]

CSS3 PIE makes Internet Explorer 6-9 capable of rendering several of the CSS3 decoration features.

PIE enables rendering of several CSS3 decoration features in IE6-9.

Currently it supports:

  • border-radius
  • box-shadow
  • border-image
  • multiple background images
  • linear-gradient as background image
  • RGBA colors

This is achieved via two Microsoft proprietary elements: Vector Markup Language and HTML-Components.

given the following example CSS3-Feature:

#myElement {
    border-radius: 10px;
}

In order to enable the CSS3 feature in Internet Explorer the only thing to do is simply adding the following rule:

#myElement {
    ...
    behavior: url(PIE.htc);
}

In addition to the traditional PIE.htc behavior, the distribution now also includes a pure JavaScript version, so that the User in not bound to using the .htc file.

The official Website: http://css3pie.com/

298 questions
0
votes
3 answers

How do i get css3pie to work on all Joomla 2.5 pages not just default page

How can I get css3pie to work on all Joomla 2.5 pages? I have got css3pie working on the first page of my joomla 2.5 site but it is not working on any of the other pages. It works on http://localhost/human_affairs2/. but doesn't work on…
Stewart
  • 1
  • 3
0
votes
2 answers

css3pie leaking image from round element in ie7,8

I was trying to create a simple rotating planet with css and javascript. First I tried to put the image as a background, which worked fine in all browsers but the background-position animation had very poor performance in IE and quickly raised RAM…
Elwhis
  • 1,241
  • 2
  • 23
  • 45
0
votes
1 answer

CSS3Pie doesn't apply, instead border disappears

I'm trying to get CSS3Pie to apply to a div. I need rounded corners (border included) and a linear gradient for the background. I got it working with another DIV that I just needed rounded corners, but when I apply the behavior htc to this div all…
Lethjakman
  • 997
  • 9
  • 15
0
votes
2 answers

Unable to apply CSS PIE style to IE.*

I'm having trouble getting CSS PIE to work with IE 6-8 (9-10 untested). I'm trying to get the "selected" style to apply. Can anyone see where this is going wrong? Cheers chrome+ff - fine ie result = bad
MikeW
  • 4,749
  • 9
  • 42
  • 83
0
votes
0 answers

CSS3 Pie Failing Randomly over MAMP

I'm absolutely stumped on this, some local folder I'm working with - which was working fine this morning is now unable to render CSS3 pie (.htc) all of a sudden. I'm running a virtual local server through one computer on MAMP and accessing via…
JCraine
  • 1,159
  • 2
  • 20
  • 38
0
votes
1 answer

a:hover box-shadows using PIE

I am looking for some help using CSS3 Pie, I have applied it to certain aspects of my site so that they are able to use box-shadows in earlier versions of IE and it seems to work fine, however when I am trying to apply it to a:hover it just simply…
Hello World
  • 1,379
  • 4
  • 20
  • 41
0
votes
0 answers

css3pie select border-radius

I am attempting to use CSS3PIE to round the edges of a select element. I am using the below code and running in IE7. The behaviour I get looks as though there are two rounded nodules in the bottom right of the select element. I would assume somehow…
steventnorris
  • 5,656
  • 23
  • 93
  • 174
0
votes
1 answer

Getting Css3Pie To Work On Injection

I've recently been stuck in an odd situation. I have to run a webpage through the .net WebBrowser. The site i'm running through it has rounded corners but because I'm running it through the IE browser it doesn't display them. I've been injecting…
Freesnöw
  • 30,619
  • 30
  • 89
  • 138
0
votes
2 answers

CSS3Pie v1.0 - No gradients in IE9, works in IE8

I am trying to get linear gradients to work with CSS3Pie (v1.0) and IE9. Strangely the demo works on the CSS3Pie site with IE9, but using the same CSS used on the demo does not work on my site. It works with IE8, so I know that PIE is working and in…
Diodeus - James MacFarlane
  • 112,730
  • 33
  • 157
  • 176
0
votes
1 answer

CSS3PIE element corners with different radii using border-radius?

I have an element where the top-left and bottom-right corners have a border-radius of 5 and I'm trying to make it compatible with CSS3PIE. The documentation states that Only the shorthand version is supported; the longhand border-top-left-radius…
Tiny
  • 209
  • 1
  • 6
  • 18
0
votes
3 answers

CSS3 Pie background image doesnt show

I am using CSS3 pie and am calling it by attached js files just before the head tag. For some reason my background image inst appearing. I have tried the standard adding z-index and position relative fixes but it doesn't show. Any help guidance…
buffaloj
  • 25
  • 1
  • 7
0
votes
1 answer

CSS3PIE Background Fading Background Color

I have configured css3pie on my drupal website http://tinyurl.com/cyfxly4 for corner radius on ie 8 and 7 it works fine but its fading the background color. I have not define any transparency command any where.
Fahad Ur Rehman
  • 348
  • 1
  • 5
  • 18
0
votes
1 answer

compressing css3-pie

In the documentation it said that gzipping the pie.htc is possible, but no clues on how to do it. Now how can I gzip the .htc file and let the browser know that it's compressed?(As I remember, doing the same thing was possible for .js files.)
lkn2993
  • 566
  • 7
  • 26
0
votes
2 answers

CSS: behaviour not being included

I am attempting to use CSS3 PIE to render some CSS3 styles in legacy browsers. I am using wordpress and have implemented it as so (I have taken it out of an ie conditional so I can test it in firebug):