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
| Comment | File | Size | Author |
|---|---|---|---|
| #1 | css3pie-7.x-2.1.patch | 487 bytes | si.mon |
Comments
Comment #0.0
Gergelyc commentedTypos
Comment #0.1
Gergelyc commentedTypos
Comment #1
si.mon commentedHello,
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.
Comment #2
blackice2999 commentedHi,
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
Comment #3
si.mon commentedHello 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
Comment #3.0
si.mon commentedlots of typos :)