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

options to solve browser compatibility issues?

I am designing a web application with css3. Every one knows that lot of css3 properties like gradients, border-radius, box-shadow, animate, border-image, background-rgb, last-child, nth-child etc.. will not work in earlier IE versions such as…
JSAddict
  • 12,407
  • 7
  • 29
  • 49
2
votes
2 answers

Using cssPIE for js tab content in IE8 not rendering

I've created a tab and tab content animation. When the tab is clicked, the corresponding tab content is displayed underneath and the others are hidden, easy enough and works fine. The problem I'm having is with the rendering of the border-radius in…
Ben Sewards
  • 2,571
  • 2
  • 25
  • 43
2
votes
1 answer

Unable to get PIE to work for border-radius in IE8

I have this in my CSS: .myAwesomeElement { position: relative; z-index: 0; zoom: 1; border: 1px solid #999; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; background: #6699CC; …
cryztal6
  • 21
  • 1
2
votes
1 answer

PIE.htc not working for IE8

I downloaded uncompressed version of PIE.htc on my server. HTML Test
techlead
  • 779
  • 7
  • 24
  • 44
2
votes
1 answer

On dom modification

Possible Duplicate: Is there a jQuery DOM change listener? there is a way to have a js function loaded or to call that function every time when dom is modified? I have a html page on which I expand another panel in the same page from an action…
mcmwhfy
  • 1,654
  • 5
  • 36
  • 58
2
votes
3 answers

Setting file location of PIE.htc

I created another folder for my pie.htc..but when I load my html file in IE8 it does not work..i already tried setting different location to its behavior but still it wont work.. here's my code.. behavior: url(/pie/PIE.htc);
cfz
  • 343
  • 3
  • 7
  • 19
2
votes
2 answers

CSS3 PIE Styling Select

CSS3 Pie has some odd functionality when styling select tags. The border radius and box shadow seem to apply the effect and then place the non-styled select box overtop of the effect. Is this an issue anyone has come across and worked around before?
steventnorris
  • 5,656
  • 23
  • 93
  • 174
2
votes
0 answers

How to use PIE with Compass on rails?

I can`t understand after reading documentation and looking through similar issues, how to use PIE with compass on rails. @import compass/css3/pie and what next or before it? Am i to install pie? Ok i have run @ compass install compass/pie it…
Rootical V.
  • 829
  • 1
  • 11
  • 21
2
votes
2 answers

spacing between background images parts

.cornerBox { background: url(../img/main-part.png) repeat-x top left ; width: 400px; height:100px; border-radius: 80px; padding: 0 0; behavior: url(PIE/PIE.htc); } In IE8 between background images parts is spacing…
Wizard
  • 10,985
  • 38
  • 91
  • 165
2
votes
3 answers

CSS3PIE Access is denied

I'm working on my company site, mainly on impoving CSS. I would like to eliminate a lot of little images that create rounded corners, shadows and so on. CSS3 is a perfect choice, but still lot of our users use IE7 and IE8 so I need to prepare this…
Kania
  • 2,342
  • 4
  • 28
  • 36
2
votes
1 answer

Scroll bug in ie7 and ie9 when using css3pie gradient

i use css3pie for my page to use css3 effects in the ie browsers. Everything works fine. But now i have a field on my page that has a horizintal scrollbar. In ie8 everything works finde. But in ie7 i cant scroll dragging the scrollbar. I can only…
alphanyx
  • 1,647
  • 2
  • 13
  • 18
1
vote
1 answer

PIE.htc apply on AJAX loaded content ie7,8

I use pie.htc http://css3pie.com/ for rounded corners in IE7,8 - it works ok on first pageload - but the other content is loaded viw AJAX request. The new loaded content dons't render pie.htc - the rounded corner isn't applied. How can this get to…
Farkas Imre
  • 123
  • 2
  • 11
1
vote
1 answer

IE 7 scroll bar issue when using PIE behavior rounded corners

Problem Description Browser Version: IE 7 only (or compatibility mode) Use Case: Box with rounded corners using PIE (http://css3pie.com) behavior which contains a scrollable div Issue: Cannot scroll using the drag handle Workarounds You can…
codefactor
  • 1,616
  • 2
  • 18
  • 41
1
vote
2 answers

css3pie - scrollbars not working inside element with pie applied

I have a container that I'm applying curved corners to with css3pie. Inside that element I have a table that is wider than the container. This causes scroll bars at the bottom of the container which is what I not only expect but need. The issue is…
QueueHammer
  • 10,515
  • 12
  • 67
  • 91
1
vote
1 answer

Conflict between PIE and JQueryUI's accordion

I'm using PIE to achieve some cross-browser CSS3 effects (gradient backgrounds, rounded corners, drop shadows, etc), but it's messing up my jquery accordion something awful. Basically when PIE inserts its css3-container elements into the DOM, the…
Greg Humphreys
  • 968
  • 1
  • 7
  • 11
1 2 3
…
19 20