Forums
View unanswered posts | View active topics It is currently Tue Oct 21, 2014 9:12 pm



Reply to topic  [ 5 posts ] 
 CSS3 pie not working in more than one element 
Author Message

Joined: Mon Mar 19, 2012 1:49 am
Posts: 3
Post CSS3 pie not working in more than one element
Hi!! I'm trying to give support for border-radius in IE8-
I have two different nav bars on my site, adding the .htc file it works fine with the first nav bar, but It doesn't work when I apply it in the second one?? any suggestions?? tnx!

It works with two divs, but not for two nav bars:

ul#nav li a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc);

}

ul#nav_more_info li a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
behavior: url(PIE.htc); /*Not working*/

}


Mon Mar 19, 2012 1:52 am
Profile

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post Re: CSS3 pie not working in more than one element
Can you share a link?

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.


Mon Mar 19, 2012 4:30 pm
Profile

Joined: Mon Mar 19, 2012 1:49 am
Posts: 3
Post Re: CSS3 pie not working in more than one element
thanks

here: http://goo.gl/jGd2p

For now I applied the PIE.htc file just in the first navigation bar

At the bottom there is another nav bar, in IE8 are just squares

when I apply behavior: url(PIE.htc) to that nav bar, the boxes dissapear

Thanks


Mon Mar 19, 2012 10:28 pm
Profile

Joined: Sat Aug 21, 2010 11:12 am
Posts: 223
Post Re: CSS3 pie not working in more than one element
ienakiko wrote:
when I apply behavior: url(PIE.htc) to that nav bar, the boxes dissapear


Ok now I get it, apply the .htc and check this out: http://css3pie.com/documentation/known-issues/#z-index

_________________
PIE needs more community support persons! Time is money, which means you can fund PIE development by answering support questions.


Tue Mar 20, 2012 4:20 am
Profile

Joined: Mon Mar 19, 2012 1:49 am
Posts: 3
Post Re: CSS3 pie not working in more than one element
Thanks a lot for the help

I made the target element position:relative
in my case, for the second nav bar, I added position: relative, so:

ul#nav_more_info li a{
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
position: relative;
behavior: url(PIE.htc);

}

Now the border radius shows up

TNX


Tue Mar 20, 2012 9:45 am
Profile
Display posts from previous:  Sort by  
Reply to topic   [ 5 posts ] 

Who is online

Users browsing this forum: No registered users 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.