В Firefox 2 использование overflow: hidden заставляет другие div перекрывать текущий div - PullRequest
Новая
       27

В Firefox 2 использование overflow: hidden заставляет другие div перекрывать текущий div

0 голосов
/ 05 июня 2010

Когда я использую переполнение: скрыто для div, который позиционируется как абсолютный (для меню), другие div перекрываются. Вот код Он отлично работает в FF3. Любая помощь приветствуется. Обратите внимание, что HTML должен быть таким, какой он есть. Также, если вы можете предоставить решение, просто изменив стили div меню (div, который содержит текст меню), это будет более полезным для меня. Заранее спасибо

Вот код: 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Title of the document</title>
</head>

<body>
<div style="position:relative">
    <div>
        <div style="height:20px;overflow:hidden">
            <div style="position:absolute;width:200px;height:100px;top:0px;background-color:black;z-index:1">menu</div>
        </div>    
    </div>

    <div style="position:relative;height:200px;background-color:gray;"></div>
</div>
</body>

</html>

1 Ответ

0 голосов
/ 05 июня 2010

Очевидно, у FF2 есть некоторые известные проблемы с overflow и z-index. (См. этот поиск в Google )

Возможно, есть обходной путь, но мы должны знать, чего вы пытаетесь достичь с помощью overflow: hidden. По вашему коду трудно сказать, потому что он на самом деле не дает эффекта - удаление overflow:hidden полностью дает результат, к которому вы стремитесь.

...