JQ меню. Баг с posotion:fixed и z-index.
Тестировал в разных браузерах ниже приведенный код.
<html>
<head>
<title> sd </title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
<script type="text/javascript">
$(function(){
$("#zhmak").click(function(){
$("#Smenu").slideToggle(300);
})})
</script>
</head>
<body>
<center>
<div id="zhmak" style="position:fixed;z-index:2;background:pink;width:500;height:20;"></div>
<div id="Smenu" style="position:fixed;z-index:1;display:none;width:500;height:300;background:red;"></div>
<div style="height:1000;"></div>
</body>
</html>
И не зря. Ослик(IE), как это часто бывает, дает сбой. Если в position стоит absolute, то z-index работает как надо. Но мне надо именно Fixed! Подскажите, как можно исправить эту ошибку IE? |
В css размерам требуется указать единицы измерения например px, а у тегов есть обязательные закрывающие теги.
тег <center> интересно зачем? при position:fixed ну и где глюк после этого?
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script language="JavaScript" src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script>
<script language="JavaScript" type="text/javascript">
$(function(){
$("#zhmak").click(function(){
$("#Smenu").slideToggle(300);
})})
</script>
</head>
<body>
<div id="zhmak" style="position:fixed;z-index:2;background:pink;width:500px;height:20px;"></div>
<div id="Smenu" style="position:fixed;z-index:1;display:none;width:500px;height:300px;background:red;"></div>
<div style="height:1000px;"></div>
</body>
</html>
|
<center> остался после очистки нужной части кода от всего остального. px указывать не обязательно, т.к. все норм работает и без него. а работает всев вашем примере исключительно из-за доступа)
|
Но из-за этого доступа некоторые другие вещи воспринимаются по другому... так что, вариант не подходит(
|
| Часовой пояс GMT +3, время: 14:40. |