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

PIE CSS: rgba backgrounds + box shadows

I noticed that with CSS like body { background: #f00; } div { background: rgba(255,255,255,0.4); -pie-background: rgba(255,255,255,0.4); -moz-box-shadow: 0 0 10px rgba(0,0,0,0.4); -webkit-box-shadow: 0 0 10px rgba(0,0,0,0.4); …
JM at Work
  • 2,417
  • 7
  • 33
  • 46
5
votes
5 answers

how reliable is css3 pie

I have just come across CSS3 pie. I was wondering how reliable it is to use? Will it work on all operating systems and are there any scenarios where it may not work?
MAX POWER
  • 5,213
  • 15
  • 89
  • 141
5
votes
2 answers

CSS3 Pie Not Working in IE8

UPDATE This would appear to be a issue with background in IE8. CSS3 PIE appears to work correctly however when I have a background it doesn't show. If I remove the background css completely it shows again. IE: html, body{ background: /*CSS */;…
L84
  • 45,514
  • 58
  • 177
  • 257
4
votes
1 answer

Why are CSS3 PIE and other similar scripts not in use everywhere?

This question has already been asked at htc files: Why not to use them?, but the answer didn't answer anything really. The question is, why is something like CSS3 PIE not in use on many sites? I'd expect smaller ones to not know about it, but the…
Voriki
  • 1,617
  • 2
  • 19
  • 43
4
votes
0 answers

IgnoreRoute not working for PIE.htc

I've been search for a long time and just can't seem to find my mistake. For my MVC 3 website, I need buttons with rounded edges, so in the IE stylesheet I register the PIE.htc. Now the problem is that when a button is clicked, the PIE.htc is…
Nischo
  • 454
  • 6
  • 20
4
votes
3 answers

Will CSS3PIE .htc file load for other browsers even they don't need?

I'm using CSS3Pie to make round corners in IE which uses invalid CSS property behavior: url(/PIE.htc); If i keep this declarition in my main CSS will other browsers load this .htc file even they don't need this or only IE will load this file? Is…
Jitendra Vyas
  • 148,487
  • 229
  • 573
  • 852
4
votes
1 answer

CSS3 + HTML5SHIV + CSS3PIE Border-radius NOT working on IE8 but working on IE7,9,10

the site I'm working with - http://www.quickseorankings.com/dev/, its built with: Twitter Bootstrap HTML5 + CSS3 HTML5SHIV CSS3PIE Issue: Border-radius at navbar link(active) NOT working on IE8 even with CSS3PIE. But its working on IE7,9,10 (using…
bootstrapper
  • 43
  • 1
  • 6
4
votes
1 answer

CSS pie not working in IE 8, but working in IE 9

I am using the following code for border radius: .box { width:250px; height:250px; background:#ce0000; border-top-left-radius: 15px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; …
Riya Travel
  • 727
  • 7
  • 8
4
votes
1 answer

IE8 + pie.htc: adding html5shiv.js destroys rounded corners again

OK, everything works fine in any other browser, than IE8. I've connected pie.htc to fix the problems with rounded corners for IE8. Everything works fine. Then I've found some problems with html5 for IE8. That's why I used html5shiv.js. Now…
Haradzieniec
  • 9,086
  • 31
  • 117
  • 212
4
votes
2 answers

CSS3 multi-column layout: How to style a particular column

I want **bold** the 1st column in the CSS multi-column layout
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis…
Ryan
  • 10,041
  • 27
  • 91
  • 156
3
votes
1 answer

CSS3 Pie integration with Wordpress

CSS3 Pie is a great tool to get some CSS3 stuff rendered in IE. Love it! But integration with Wordpress seems to be pretty hard. Here's the situation: Html on a page template:
…
Dennis Hunink
  • 583
  • 2
  • 7
  • 21
3
votes
2 answers

Using * selector in jQuery to apply CSS3PIE with Modernizr

The title of this post reads as webdev-hipster as a skinny flannel scarf at an alleycat race. Sorry. I'm not great with script runtime optimization, so I'm wondering just how bad computationally the following function call is going to be. I know it…
Evan
  • 419
  • 4
  • 14
3
votes
3 answers

CSS3PIE Not Working With border-radius

I am trying to get CSS3PIE to work for my site so I can use border-radius in IE8 (and earlier). It works fine in all other browsers. Here's my CSS: #body_text_design{ border:2px solid black; background-color:#CCC; …
MillerMedia
  • 3,651
  • 17
  • 71
  • 150
3
votes
2 answers

CSS3 PIE: rounded corners slow down IE9, even though it supports them natively

I'm using CSS3 PIE to add support for rounded corners to IE7/8. I've found that when I have lots of elements on the page with rounded corners, performance in IE9 drops considerably when PIE is enabled: scrolling becomes laggy, simple hover effects…
daGUY
  • 27,055
  • 29
  • 75
  • 119
3
votes
1 answer

How to solve the disapearing of top margins in element when using CSS3 Pie in IE7

Good day. I'm using plenty of CSS3 effects and I'm having problems rendering the same effects in IE 7 and 8 with the help of CSS3 Pie. It works very well for some of the effects I require, however one of the known issues of CSS3 Pie is layout, more…
Fábio Antunes
  • 16,984
  • 18
  • 75
  • 96
1
2
3
…
19 20