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
2
votes
1 answer

How to load css3 pie only for ie7 and 8? But not for 9

This is css to use CSS3 PIE border: 1px solid #696; padding: 60px 0; text-align: center; width: 200px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; background: #EEFF99; behavior: url(/PIE.htc); Specially behavior:…
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
2
votes
2 answers

Css3pie support

I am using cs3pie and facing some issue with it. It's working but instead of border-radius 160 it's taking 4 . How can i solve it. /* Buttons and button links */ input[type=submit], .actions ul li a, .actions a { …
aWebDeveloper
  • 36,687
  • 39
  • 170
  • 242
2
votes
1 answer

Are Microsoft .htc files a good idea?

I would like to try using .htc files or PIE to emulate some CSS3 behaviors in older IE browsers. When is it not a good idea? why not? Is there some other better alternative to do the same thing? Are there IE version specific issues I should be…
Sinthia V
  • 2,103
  • 2
  • 18
  • 36
2
votes
0 answers

chrome/safari loses rounded corners during a jQuery slide transition

I am using the jquery script shown here - http://jqueryfordesigners.com/automatic-infinite-carousel/. I have applied my own images as rounded png's into the slider on my site - http://67.225.219.80/ All is well in firefox and IE9 using…
user990109
  • 23
  • 6
2
votes
2 answers

Predict consequences of installing LESS, CSS3PIE on a high-load project

I faced situation of global site redesign (not appearance, but code architecture and underlying technologies). Website has about 135 000 visitors everyday. And it's crucial to make right decision now. I had no experience of using LESS and CSS3PIE…
Maxim
  • 191
  • 2
  • 12
2
votes
1 answer

CSS3 PIE: divs with border-radius flickering on mouseover

I'm using CSS3 PIE to add support for border-radius to IE6/7/8. It works perfectly, but I've found that when I use it to apply a "thick" border with rounded corners to a
, the border flickers when the mouse moves over it. I did some testing and…
daGUY
  • 27,055
  • 29
  • 75
  • 119
2
votes
1 answer

Facebook JS affecting CSS/@font-face in IE?

I seem to notice that Facebook's JS
seems to affect my site's CSS in IE. eg. say headers use font1 and body use font2. sometimes, in…
JM at Work
  • 2,417
  • 7
  • 33
  • 46
2
votes
2 answers

IE8 z-index error

I am trying to represent parent-to-child relation between some of my content, take a look HERE In FF the black lines (CSS class : "subLevel" | z-index:-1 | representing relations) are under my boxes (CSS class : "case" | no z-index, even with '1' it…
Apolo
  • 3,844
  • 1
  • 21
  • 51
2
votes
1 answer

css3pie - element dissappers

When I use css3pie file on my button, the element(Button) is no longer visible. But when I Click on where the button should be, it functions properly.. I have no idea whats wrong.. here is my HTML and…
Crazy Programmer
  • 196
  • 1
  • 3
  • 18
2
votes
1 answer

Problems with Bootstrap 3 Progress Bar in Internet Explorer 8

I'm having problems with the rendering of the Bootstrap 3.0.3 progress bar in IE8. I think border-radius is not working and i don't know why. This is how the bar looks like: I'm using CSS3PIE 1.0. .compatibilidad-IE is defined in my CSS file and…
Fernando Prieto
  • 520
  • 1
  • 6
  • 19
2
votes
2 answers

background-size is not working in IE8

By referring to this website：http://css3pie.com/documentation/supported-css3-features/， "background-size (will always use the image's intrinsic size) — this is supported as of PIE 2.0 beta" Based on the documentation, background-size is now…
user2991183
  • 683
  • 1
  • 12
  • 23
2
votes
2 answers

how to make animated arc using css3

I have made this arc but I'm unable to animated it. Could you please explain on how to go about it this is my fiddle http://jsfiddle.net/cancerian73/23Wjj/ .circle { width: 60px; height: 60px; border-style: solid; border-radius: 35px; border-width:…
San
  • 1,237
  • 1
  • 14
  • 29
2
votes
1 answer

PIE CSS works in IE9 but not IE8

For this project, I am using Tomcat 7 and have configured it to serve htc with content type of text/x-component ... htc …
Jiew Meng
  • 84,767
  • 185
  • 495
  • 805
2
votes
1 answer

Using PIE.htc in rails

I'm trying to use PIE in my rails app but its not working. I placed my PIE.htc file inside a folder called behaviours in my assets folder. -pie-background: linear-gradient(#2c2a2d, #1f1e20); behavior: url(assets/behaviours/PIE.htc); Does…
user1096509
  • 741
  • 4
  • 15
  • 27
2
votes
1 answer

What's the proper way to use PIE.htc with AngularJS?

I have a site with many partials, one of which has nested ng-repeats that render input forms with rounded corners. In IE, only in this nested repeat case, there's a generic PIE error in the IE console, and it looks like the raw template (ng-show not…
Jim Cote
  • 1,746
  • 3
  • 15
  • 26
1 2 3
…
19 20