Forums
View unanswered posts | View active topics It is currently Wed Apr 23, 2014 11:54 pm



Reply to topic  [ 6 posts ] 
 Wordpress CSS3Pie Integration fails 
Author Message

Joined: Wed Jul 28, 2010 8:51 am
Posts: 4
Post Wordpress CSS3Pie Integration fails
I'm trying to use Pie features but it doesn't work. I have tried it in many ways, to import it direct in the css, or in the index.php File within a style Tag. Also with the .php and .htc File.

Actually i have it embedded into the functions.php in Wordpress, like in this thread http://css3pie.com/forum/viewtopic.php?f=4&t=8

Code:
function my_render_ie_pie() {
   echo '
   <!--[if lte IE 8]>
   <style type="text/css" media="screen">
       #nav,
       #banner,
       .contentbox {
         behavior: url('.trailingslashit(get_bloginfo("template_url")).'js/PIE/PIE.php);
      }
   </style>
   <![endif]-->';   
   }
   add_action('wp_head', 'my_render_ie_pie', 8);
   


The only effect i see is that the background-color disappears of the #nav Box. I hope someone can help me.

Thanks Jo Hansen

//edit here is the url http://relaunch.hausperfekt.de/


Wed Jul 28, 2010 9:02 am
Profile

Joined: Wed Jul 28, 2010 8:51 am
Posts: 4
Post Re: Wordpress CSS3Pie Integration fails
Okay, I have figured out that if I don't use background-images and set the background-color tags after the box-shadow declaration it works. But with this two lines, the whole layout crashes:

html, body { height: 100%; font: 13px/20px Cantarell, Verdana, sans-serif; color: #2D3B48; background: #d1c5ab url(images/gradient.jpg) repeat-x; }
#pattern {min-height: 100%; min-width: 100%; text-decoration: none; background: transparent url(images/pattern.png) repeat;}


Wed Jul 28, 2010 9:27 am
Profile

Joined: Thu Jul 15, 2010 9:18 am
Posts: 14
Post Re: Wordpress CSS3Pie Integration fails
jo_hansen wrote:
The only effect i see is that the background-color disappears of the #nav Box.


This sounds like a known issue with z-index: http://css3pie.com/documentation/known-issues/


Wed Jul 28, 2010 9:51 am
Profile WWW

Joined: Wed Jul 28, 2010 8:51 am
Posts: 4
Post Re: Wordpress CSS3Pie Integration fails
gordonbrander wrote:
jo_hansen wrote:
The only effect i see is that the background-color disappears of the #nav Box.


This sounds like a known issue with z-index: http://css3pie.com/documentation/known-issues/


No. i don't use z-index either position in css.


Thu Jul 29, 2010 1:07 am
Profile

Joined: Wed Jul 28, 2010 8:51 am
Posts: 4
Post Re: Wordpress CSS3Pie Integration fails
Okay, if anyone else has this problem. The solution is to add an !important tag behind every background or background-color.


Thu Jul 29, 2010 1:27 am
Profile

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1430
Post Re: Wordpress CSS3Pie Integration fails
The !important is really not a good solution, as it will prevent PIE's rendering of e.g. border-radius from showing through.

I think you might have misread the documentation about z-index. The disappearing background problem occurs because you are not using position:relative. Without it, the CSS3 rendering often slips behind the background of parent elements.

By the way, I'd suggest upgrading to 1.0beta2, it fixes a huge performance problem with box-shadow among other things.


Thu Jul 29, 2010 7:32 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 6 posts ] 

Who is online

Users browsing this forum: Yahoo [Bot] and 3 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Search for:
Jump to:  
Powered by phpBB © 2000, 2002, 2005, 2007 phpBB Group.
Designed by STSoftware for PTF.