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

Question

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

Когда я использую переполнение: скрыто для 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>

0

css overflow css-position firefox2

Источник

user359369 05 июн '10 в 19:19

1 ответ

Другие вопросы по тегам css overflow css-position firefox2

user155370 05 июн '10 в 19:44 2010-06-05 19:44 · Answer 1 · 2010-06-05 19:44

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

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