Hi there!

In my pages.css I have this: (working with Fox/Chrome)

#header .section {
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(200,210,210,1) 80%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(80%,rgba(200,210,210,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(200,210,210,1) 80%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(200,210,210,1) 80%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(200,210,210,1) 80%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(top, rgba(255,255,255,1) 1%,rgba(200,210,210,1) 80%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
-webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 40);
-moz-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 40);
box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 40);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}

I installed the css3pie module under sites/all/modules, installed the PIE libraries under sites/all/libraries.
I have a website, with multiple css3, so I added the #header .section selector in the configuration settings (I am using D7). Since I saw no change, I checked the generated css file under sites/default/files/ctools/css/randomlettersandnumbers.css
I saw this:

/* css3pie */
#header .section
{
behavior: url(/sites/all/libraries/PIE/PIE.htc);
}

But when I check the page under IE9 _nothing_ happens. I am using a modified version of the Zen theme. The website can be found at http://www.kittyfuggony.hu

CommentFileSizeAuthor
#1 css3pie-7.x-2.1.patch487 bytessi.mon

Comments

Gergelyc’s picture

Issue summary: View changes

Typos

Gergelyc’s picture

Issue summary: View changes

Typos

si.mon’s picture

Status: Active » Needs review
StatusFileSize
new487 bytes

Hello,

I don't know if you still have this issue but I had the same problem.
I solved it by adding "position:relative" to the CSS file. Apparently this is mandatory for CSS3PIE to work.
Here's a patch for the css3pie.module file.
Would be nice to have this commited.

blackice2999’s picture

Category: bug » support
Status: Needs review » Closed (works as designed)

Hi,

sorry but this is part of your theme, if you need additional css properties you need to place them in the css file of your theme. But if this is documented on css3pie.com we can add theme here but i dont found anything about them.

thanks
Dennis

si.mon’s picture

Hello Dennis,
It might indeed be specific to my theme, even if this CSS property is needed for every single element I want to use with CSS3PIE.
Also, this issue is apparently widespread:
http://compass-style.org/reference/compass/css3/pie/
http://css3pie.com/forum/viewtopic.php?f=4&t=1642
http://css3pie.com/documentation/known-issues/#z-index

However, it appears to be an issue concerning CSS3PIE, not this module - meaning that my patch is not really relevant.

Thanks anyway,
Simon

si.mon’s picture

Issue summary: View changes

lots of typos :)