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
52
votes
6 answers

css3 text-shadow in IE9

Is there an easy way to have css3 text-shadow's working in IE9? At least a single text shadow would be great. I guess ideally IE8 is supported as well. I'm hoping there's a simple jquery plugin or .htc file which just looks at text-shadow css…
at.
  • 50,922
  • 104
  • 292
  • 461
49
votes
3 answers

Modernizr, html5shiv, ie7.js, and CSS3 Pie. Which to use and when?

I'm just starting to use HTML5 and CSS3 in my documents. I understand the need for JavaScript to bring Internet Explorer up to speed with these new tags and styles, but I don't know which to use and when! My plan was to use html5shiv and IE9.js to…
stefmikhail
  • 6,877
  • 13
  • 47
  • 61
22
votes
2 answers

How does css3pie work?

What is happening behind the scenes with css3pie that makes it so IE can use css3 features?
Kyle
  • 21,377
  • 37
  • 113
  • 200
16
votes
6 answers

CSS3 and PIE not working in IE 8

Im trying to demo CSS3PIE and it wont work in IE at all. HTML:
Julio
  • 6,182
  • 11
  • 53
  • 65
12
votes
4 answers

where do I put the PIE.htc file (for making IE work with CSS3) when I'm using cakephp

I'm trying to use PIE.htc, which is a script which hopefully will allow me to use CSS3 features in IE6-8. I'm also using Cakephp (which I'm growing to love) According to the instructions I just stick the PIE.htc file anywhere I want to and then add…
julia
  • 155
  • 1
  • 1
  • 4
12
votes
3 answers

css3pie in MVC, where to place the pie.htc file?

I've been trying to use the Css3pie in my MVC project to render rounded corner panel but have no luck so far. I follow the sample with normal html page and it works perfectly but not in my MVC project. I think it is something to do with the path of…
BeCool
  • 529
  • 1
  • 9
  • 14
10
votes
6 answers

Using CSS3Pie htc for border-radius in IE8

I'm using the CSS3Pie htc file to enable border-radius in IE8, but I'm getting no effect. My CSS is: button { border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; behavior: url(PIE.htc); } I've put PIE.htc in the…
Adam Hopkinson
  • 28,281
  • 7
  • 65
  • 99
7
votes
1 answer

Overflow:hidden for rounded borders using css3pie in IE8?

I have this HTML:
and css: #micrositePhotoDiv { overflow:hidden; @include border-radius(10px); behavior: url(PIE.htc); } The src for the img is set programatically in…
Oliver
  • 11,297
  • 18
  • 71
  • 121
7
votes
6 answers

linear-gradient using CSS3 PIE in IE9 not working, IE8 does

I've decided to completely drop support for IE6 and IE7 in my website, redirecting it's users to a text-only warning page. However I still support IE8 and IE9. I am achieving this using CSS3 PIE, and border-radius works in both (IE8/9), box-shadow…
user1318194
6
votes
8 answers

CSS3 Pie not working at All, tried everything

I'm trying to apply css3pie to my website, and it dosen't seem to be applied at all. I have tried anything i could find: Checked the path to PIE.htc, put it in main folder and used url(/PIE.htc), even tried full URL, nothing worked. Tried using…
eric.itzhak
  • 15,752
  • 26
  • 89
  • 142
6
votes
1 answer

Do :nth-of-type(n) "n" counters increment independently with others in the same CSS rule?

Do the n counters increment independently of each other in :nth-of-type() CSS selectors? For example, if I wanted label:checked:nth-of-type(3) to match its general sibling article:nth-of-type(3), should this technique work? (It doesn't, but maybe…
chimerical
  • 5,883
  • 8
  • 31
  • 37
6
votes
1 answer

CSS3Pie causing startup error

When importing CSS3Pie, I'm getting the following error. Uncaught TypeError: Object [object DOMWindow] has no method 'attachEvent' I am using Chrome. Is this possibly something I have caused, or just a bug. Thanks!
Shane Reustle
  • 8,633
  • 8
  • 40
  • 51
6
votes
5 answers

css3pie messes up DOM, results in jQuery selector errors

In order to get CSS3 effects (border-radius, box-shadow...) on IE 6/7/8, I'm using css3pie. However, css3pie generates some css3-container (v1) / css3pie (v2) tags in DOM, which disorders the expected architecture. Here is an example: CSS pre { …
user1643156
  • 4,407
  • 10
  • 36
  • 59
5
votes
1 answer

Is it possible to apply CSS3Pie border radius to jQuery UI globally?

To apply behavior: url(PIE.htc); to all css files in the project seams to be very long story and with each new version i need to repeat it again. Is there jquery ui CSS3Pie versions i can find somewhere? OR Is it possible to add CSS3Pie support in…
halera
  • 165
  • 2
  • 9
5
votes
3 answers

css3pie: Does CSS behavioral property allow relative URLs?

I have a CSS file using CSS3PIE behavioral script, so that IE8 will support my files, however, I was wondering if there is any way to make the behavioral URL relative to the CSS file instead of relative to the HTML file. Is there any way to do…
Travis Pessetto
  • 3,260
  • 4
  • 27
  • 55
1
2 3
…
19 20