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
1
vote
2 answers

CSS3 Pie removes background images in

    • When my page loads in IE (7,8) my background image in the left column li's shows for a split second before CSS3 Pie kicks in, adds the border to the li elements it's meant to and then removes the background image from my list items like…
    SixfootJames
    • 1,841
    • 5
    • 26
    • 42
    1
    vote
    2 answers

    css3PIE or PIE.htc in Asp.net

    Well I used css3pie in asp.net which is not working. I tried every possible solution. Searched a lot of forums but failed to properly use PIE in asp.net. Let me show you my project structure. I have master and inner master pages in my project…
    Ali
    • 468
    • 7
    • 18
    1
    vote
    2 answers

    IE7 bug with CSS3Pie and jQuery animations

    Hello everyone I hope someone can help me with this matter. I'm using CSS3Pie to get rounded corners on a box at and everything works fine in all browsers including IE7. But when you add animations (this time slideToggle) to an element inside my box…
    Jimmie Jephson
    • 61
    • 5
    1
    vote
    0 answers

    'H.length' is null or not an object PIE HTC

    Anyone know why I would be getting this PIE script error. 'H.length' is null or not an object PIE HTC It only happens In IE8 and IE7 I'm using I'm using PIE.htc Version 1.0beta5 anyone got any ideas why this is happening. Update: I used…
    Chapsterj
    • 6,483
    • 20
    • 70
    • 124
    1
    vote
    1 answer

    CSS3 PIE: linear-gradients don't work in IE9

    I'm using CSS3 PIE on my site and I've noticed that linear-gradients don't work in IE9. I've used PIE for linear-gradient support before with no issues in IE9, so I can't figure out what the problem is this time around. Things I've…
    daGUY
    • 27,055
    • 29
    • 75
    • 119
    1
    vote
    1 answer

    Instead of rounding them, PIE disappears with the borders

    I do not know what might be happening! I took some pictures to try to help you understand ... follows: Internet Explorer 9 Internet Explorer 8 Internet Explorer 7 Code Css -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius:…
    ridermansb
    • 10,779
    • 24
    • 115
    • 226
    1
    vote
    0 answers

    CSS3 PIE Gradients in IE9: Transparent until Mouse Over

    Background I am developing an app that makes use of CSS3 rules such as linear gradients. I am using the HTC implementation of CSS3 PIE. Everything looks great in most browsers. Problem In IE9 there is this weird issue where elements with a…
    Matt Cashatt
    • 23,490
    • 28
    • 78
    • 111
    1
    vote
    2 answers

    CSS Pie - Cut down to just the bits I need

    Does anyone know of any resource that lets you produce a CSSPie file that only has the code for the features I want to use? e.g. just border radius, or just gradients etc Kind of like how modernizer allows you to make a custom version It's kinda…
    ChrisCa
    • 10,876
    • 22
    • 81
    • 118
    1
    vote
    4 answers

    Compass and PIE don't seem to work

    I'm using Compass to create webpage CSS styles. I wanna use CSS3 features like border-radius and linear-gradient but Internet Explorer refuses to cooperate. I coded it this way: $pie-behavior: url("../stylesheets/PIE.htc"); // I've tried…
    Hauleth
    • 22,873
    • 4
    • 61
    • 112
    1
    vote
    1 answer

    css pie not working on field elements only

    I'm using ie8, don't know about other versions. I'm using pie all over the place and it generally works ok. However, all my form input elements have a box shadow and border radius, and no border (pretty much all the styles for it). In…
    butterywombat
    • 2,069
    • 7
    • 26
    • 44
    1
    vote
    0 answers

    jQuery Cycle Plugin in combination with CSSPIE results in empty slides in IE8 and below

    I have an image slideshow that uses the jQuery Cycle Plugin. The images have rounded corners so I use CSS3PIE behavior to support this in IE8 and below. But with PIE only the first image is displayed while the other images just give me a empty slide…
    M.Dieleman
    • 333
    • 1
    • 3
    • 9
    1
    vote
    0 answers

    How to validate written css code is valid css or not?

    I'm working on a project where the user can write custom CSS which will be applied to his website. My concern is how can I validate that CSS code, whether it is right or not? I want to implement a CSS editor like WordPress custom CSS editor. Any…
    Priyanka
    • 83
    • 6
    1
    vote
    2 answers

    CSS3PIE - how trouble free is it for IE6 - IE8

    I'm wondering if folks can tell me how trouble free CSS3PIE is for IE6 - IE8 (beyond the known issues). It seems like an excellent addition to allow one to use CSS3 features -- rounded corners, gradients, shadows, etc -- I just have limited time to…
    Ray
    • 5,885
    • 16
    • 61
    • 97
    1
    vote
    3 answers

    How to make a background with 45 degree lines with css?

    Using CSS or CSS3, how can i make the folowing background ? If possible, i'd like ie6,7,8 support. I can use a javascript based tool to simulate CSS3 for old browsers (like css3pie).
    Benjamin Crouzier
    • 40,265
    • 44
    • 171
    • 236
    1
    vote
    1 answer

    I have just implemented css3 pie and am having issues with png's

    I have just included css3 pie to show shadows and gradients which seems to work great however as a result of using this my png's now do not display they just show a red 'x' in the place of the image see the link…
    macroj
    • 207
    • 1
    • 2
    • 9
    1 2 3
    …
    19 20