выпуск z-index в т.е 7+ и опера - PullRequest
Новая
       40

выпуск z-index в т.е 7+ и опера

0 голосов
/ 25 мая 2011

Вот HTML: 

<div id = "parent">
   <div id = "one" ></div>
   <div id = "two" ></div>
</div>

css: 

#parent
{
  position:    relative;
}
   #parent > #one
   {
     position:  absolute;
     z-index:   10;
     top:       50px;
     left:      50px;  
     width:     100px;
     height:    100px;
     background:  white;        
   }
   #parent > #two
   {
     position:  absolute;
     z-index:   5;
     top:       50px;
     left:      50px;
     height:    50px;
     width:     50px;
     background: black;
   }

Проблема в ie7 + и в опере состоит в том, что div "one" не совпадает с div "two", почемучто?

1 Ответ

0 голосов
/ 25 мая 2011

Попробуйте использовать ниже: 

<div id = "parent">
   <div class= "one" ></div>
   <div class= "two" ></div>
</div>
css:

#parent
{
  position:    relative;
width: 150px;
height: 150px;
background: yellow;
}
   #parent  .one
   {
     position:  absolute;
     z-index:   10;
     top:       50px;
     left:      50px;  
     width:     100px;
     height:    100px;
     background:  white;        
   }
   #parent .two
   {
     position:  absolute;
     z-index:   5;
     top:       50px;
     left:      50px;
     height:    50px;
     width:     50px;
     background: black;
   }

Надеюсь, вы получите ключ

...