Forums
View unanswered posts | View active topics It is currently Thu Apr 24, 2014 10:24 am



Reply to topic  [ 3 posts ] 
 Border gets hidden in case of parent element with background 
Author Message

Joined: Wed Jul 21, 2010 3:05 am
Posts: 6
Location: Toulouse
Post Border gets hidden in case of parent element with background
If I write this code, the border disappear in IE (Here's a test page) :

Code:
<html>
   <head>
      <style type="text/css">
      
         .parentBox {
            background-color: yellow;
         }
      
         .box {
               border-width: 1px;
               border-style: solid;
               border-color: green;
               
            -moz-border-radius: 10px;
            -webkit-border-radius: 10px;
            border-radius: 10px;
            behavior: url(/pastel/library/PIE/v1.0beta1/PIE_uncompressed.htc);
         }
         
      </style>
   </head>
   <body>
         <div class="parentBox">
            <div class="box">
               My Text
            </div>
         </div>
   </body>
</html>


Sat Jul 24, 2010 2:25 am
Profile WWW

Joined: Wed Jul 14, 2010 11:46 am
Posts: 1430
Post Re: Border gets hidden in case of parent element with backgr
Yup, this is the classic z-index issue described at the top of http://css3pie.com/documentation/known-issues/

You have to either give the target element position:relative, or give the parent element position:relative plus a z-index.

I'll be putting together a sort of FAQ troubleshooting guide that makes this requirement more obvious, as this issue gets brought up a lot even though it's covered in the docs.


Sat Jul 24, 2010 9:22 am
Profile

Joined: Wed Jul 21, 2010 3:05 am
Posts: 6
Location: Toulouse
Post Re: Border gets hidden in case of parent element with backgr
Thanks for your reply and sorry for no having seen the known issues documentation.


Sat Jul 24, 2010 9:24 am
Profile WWW
Display posts from previous:  Sort by  
Reply to topic   [ 3 posts ] 

Who is online

Users browsing this forum: Bing [Bot] and 7 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.