Почему розовая коробка не перекрывается в IE6? - PullRequest
Новая
       11

Почему розовая коробка не перекрывается в IE6?

0 голосов
/ 09 сентября 2010

Он делает это для любого другого браузера (я думаю).

http://www.webdevout.net/test?01H&raw

Код: 

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html lang="en">
  <head>
    <title>Test</title>
    <style type="text/css">
* { overflow: visible; }
#precedence { float: right; height: 60px; width: 50px; background: pink; margin-bottom: -10px; margin-right: 20px; overflow: visible; }
#first { height: 50px; border: 1px dashed blue; background: white; margin-bottom: -10px; z-index: 100; position: relative; overflow: visible; }
#second { height: 50px; border: 1px dashed red; background: white; z-index: -1; overflow: visible; }
   </style>
  </head>
  <body>
    <div id="first">
      <div id="precedence"></div>
    </div>
    <div id="second"></div>
  </body>
</html>

1 Ответ

1 голос
/ 09 сентября 2010

Добавьте position: relative; в поле (#precedence).Это заставит IE включить его в вычисления уровней, которые он делает.Затем он поймет, что он не содержится внутри своего родителя (#first) и будет переполнен должным образом.

Это протестированный пример: http://jsfiddle.net/s4W52/

Он работает в IE6, IE7,IE8, Firefox 2.0.x / 3.0.x, поэтому он должен работать и в других

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...