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
3
votes
2 answers

pieCSS3: Not rounding in local

i'm trying to get rounded corners using pie: ul li{ -webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0; color: #FFFFFF !important; float: left; font-size: 16px; font-weight:…
Toni Michel Caubet
  • 19,333
  • 56
  • 202
  • 378
3
votes
1 answer

CSS3 PIE conflicting with :first-child

I'm using CSS3 PIE to add suppport for border-radius to IE8 and earlier, and it's conflicting with a :first-child selector. Basically, I have three list items floated left. Each one has a left margin of 10px, except for the first one, which I set to…
daGUY
  • 27,055
  • 29
  • 75
  • 119
3
votes
1 answer

CSS3 Pie border disappeared

I am trying to use CSS3Pie in my asp.net mvc 3.0 application But in IE versions lover than 9 the border just disappeared completely. here is my css .box { margin:auto; display:table; text-align:center; border-radius: 4px; …
Joonnler
  • 33
  • 4
3
votes
1 answer

migration from bootstrap3 to bootstrap 5

I have build a website in bootstrap 3. I started to convert it to bootstrap 5. everything is break on my website, is there any easy way to convert from bootstrap 3 to bootstrap 5. or is there any alternative way.
user comapny
  • 43
  • 1
  • 6
3
votes
3 answers

CSS3PIE Hover Problem

I'm not having much luck in the CSS3PIE forum getting some help for an issue that I'm having. (yep, PIE is active and working fine elsewhere on the page) The failure is actually on two different elements: 1. The reply link's curved corners (top…
Craig
  • 325
  • 1
  • 4
  • 17
3
votes
1 answer

How to properly clone (jQuery) an element that has style applied through PIE?

I have been using the .htc version of PIE successfully on a new project (that will specifically target IE8+), however, I'm having trouble when trying to clone an element that has PIE-style applied to it. I got a jsfiddle illustrating the problem…
peol
  • 872
  • 7
  • 11
3
votes
3 answers

After Clicking link href, pie.htc styled Div not Properly Redrawn

I need in my website to hide & show a rounded corner div that contains the pie.htc to round it in IE. But when I use display:none; and display:block; where initially it is not displayed when first display it not displayed correctly. I overwrote this…
billoo
  • 115
  • 1
  • 9
3
votes
1 answer

CSS3 PIE Not Scaling Background Images In IE

I have PIE on my site so that IE can do border-radius, drop-shadow, etc. All was well until I decided to make the site load a little quicker by converting the common background images into a sprite and positioning them with CSS. This works fine…
Richard Parnaby-King
  • 14,703
  • 11
  • 69
  • 129
3
votes
3 answers

PIE.htc and jQuery animation conflict?

I have a series of bullets that will appear in succession. I'm using jQuery and jQuery UI in the animation of the bullets. The top bullet needs to have rounded corners which I am using CSS and PIE.htc to accomplish. This works great in all non-IE…
Carsen
  • 269
  • 3
  • 10
3
votes
1 answer

Using CSS3 Pie with jQuery BlockUI

I am using CSS3 Pie for doing cross browser border-radius and box-shadows. This works really great. But when used together with the jQuery blockUI plugin (using modal dialogs), CSS3 Pie functionality does not apply to that dialog element. This is…
return1.at
  • 2,992
  • 3
  • 23
  • 26
3
votes
1 answer

CSS3 Pie working sporadically

I am working on bringing our company's web application into the 21st century and am trying to use some of the new CSS3 features like border-radius and box-shadow for a more modern visual effect. However, over 90% of our userbase is still on IE8,…
Nicholas
  • 1,974
  • 4
  • 20
  • 46
3
votes
2 answers

CSS3 PIE not working properly in IE8

I am using CSS3 PIE to render border-image and border-width in IE. Everything works OK in IE9, but not in IE8. Strangely, in IE8 the border-image/width works on one DIV (the mailing list at the top right of the page), but not for others (the main…
Nick
  • 4,304
  • 15
  • 69
  • 108
3
votes
4 answers

How to apply -webkit-gradient to IE?

I have the following css code: -webkit-gradient(linear, left bottom, left top, from(#5AE), to(#036)); Which displays the background very nicely in Chrome. Internet explorer just displays a white background. I tried applying CSS 3 pie, which didnt…
Kenci
  • 4,794
  • 15
  • 64
  • 108
2
votes
1 answer

simulate css3 styles in IE8

I have a website that uses various CSS3 styles which has only really been tested in Firefox 10. I need some way to simulate various CSS styles which are not natively supported when viewed in IE8: box shadow text shadow background gradient round…
Dónal
  • 185,044
  • 174
  • 569
  • 824
2
votes
5 answers

Can't get CSS3Pie to work

I feel so stupid, like I'm missing something really obvious but I have checked everything a bunch and can't figure out what's wrong. I'm trying to use CSS3pie to make rounded corners in ie8, but it just won't take. I have the path set up relative…
Syren
  • 1,961
  • 2
  • 15
  • 19
1 2
3
…
19 20