| |
|
|
| | Здравствуйте.
Есть вертикальное выпадающее меню.
На стр. справа имеется выпадающий список (<select> .... </select>)
В IE 6.0. выпадающий список появляется под списком. В других браузерах все нормально.
Подскажите, пожалуйста, как можно исправить данную ошибку?
С уважением. | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(29.09.2008 в 14:04)
| | | Дело в том, что в ИЕ select имеет бесконечно большой z-index и все остальные слои отображаются под ним!
Но select перекрывается <iframe>
Используйте абсолютный <iframe> с размерами 100%х100% внутри выпадающего списка и поставте ему отрицательный z-index! Это вам поможет...
Сейчас попробую набросать примерный код... если не понятно что я описал! | |
| |
|
|
| |
|
|
| |
для: Madman
(29.09.2008 в 14:17)
| | | внутри списка или меню? Приведите, пожалуйста, код | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(29.09.2008 в 14:04)
| | | Ну как-то обходят этот случай?
Возможно, на javascript.. ! | |
| |
|
|
| |
|
|
| |
для: Jaroslav
(29.09.2008 в 16:40)
| | | Я имел ввиду вот так:
<body>
<div style="height:600px; background:#33FF66">
<select style="margin:40px 0 0 100px; width:200px">
<option>test1</option>
<option>test2</option>
<option>test3</option>
<option>test4</option>
<option>test5</option>
<option>test6</option>
</select>
<div style="position:absolute; top:30px; left:70px; height:100px; width:100px; background:#009999">
<!--[if lte IE 6]><iframe style="position:absolute; top:0; left:0; width:100%; height:100%; z-index:-1"></iframe><![endif]-->
<div style="position:absolute; top:0; left:0; width:100%; height:100%; background:#CCFF33">
jkdfgbdfjkg
</div>
</div>
</div>
</body>
|
Стили сделаете такими как вам надо, здесь представлено лишь решение! | |
| |
|
|
