исчезание меню

aik · January 19, 2008

есть вертикальное выпадающее меню на css, (ul, li) с включением js,

в случае если фоном меню является не картинка, а просто какой-либо цвет,

то выпадающий список начинает исчезать после раскрытия,в случае когда список по высоте больше основного меню, баг наблюдается в IE ; есть ли возможность его устранить ?

css код:

.glossymenu, .glossymenu li ul{list-style-type: none;margin: 0;
padding: 0;width: 185px;border: 1px solid black;}
.glossymenu li{position: relative;}
.glossymenu li ul{ position: absolute;width: 190px;
left: 0;top: 0;display: none;filter:alpha(opacity=100);-moz-opacity:1;}
.glossymenu li a{
background: white url(glossyback.gif) repeat-x bottom left;
font: bold 12px Verdana, Helvetica, sans-serif;color: white;display: block;
width: auto;padding: 5px 0;padding-left: 10px;text-decoration: none;}
.glossymenu .arrowdiv{position: absolute;right: 2px;
background: transparent url(arrow.gif) no-repeat center right;}
.glossymenu li a:visited, .glossymenu li a:active{color: white;}
.glossymenu li a:hover{background-image: url(glossyback2.gif);}

html код:

<head>
<link rel="stylesheet" type="text/css" href="cssverticalmenu.css" />
<script type="text/javascript" src="cssverticalmenu.js"></script>
</head>
<body>
<ul id="verticalmenu" class="glossymenu">
<li><a href="#">JavaScript Kit</a></li>
<li><a href="#">Free JavaScripts</a></li>
<li><a href="#">JavaScript Tutorials</a></li>
<li><a href="#">References</a>
 <ul>
 <li><a href="#">JavaScript Reference</a></li>
 <li><a href="#">DOM Reference</a></li>
 <li><a href="#">CSS Reference</a></li>
 </ul>
</li>
<li><a href="#">DHTML/ CSS Tutorials</a></li>
<li><a href="#">web Design Tutorials</a></li>
<li><a href="#">Helpful Resources</a>
 <ul>
 <li><a href="#">Dynamic HTML</a></li>
 <li><a href="#">Coding Forums</a></li>
 <li><a href="#">CSS Drive</a></li>
 <li><a href="#">CSS Library</a></li>
 <li><a href="#">Image Optimizer</a></li>
 <li><a href="#">Favicon Generator</a></li>
 </ul>
</li>
</ul>
</body>

Sign In

исчезание меню

Question

aik

Link to comment

Share on other sites

0 answers to this question

Recommended Posts

Обсуждения

Forums

Important Information