Forum » Izdelava spletišč » z-index in IE7, CSS meni
z-index in IE7, CSS meni
CrustyDOD ::
Aloha! :)
Dons sem se igral oz. se še z menijem in sem naletel na problem, ki ga rešujem že več ur pa nič ne dela..
Gre se za to, da podmeni ni na vrhu in ga ostali meniji prekrijejo pri IE7 medtem ko pri drugih IE8,FF,... dela normalno. To mi je jasno, da je to IE7 bug, zelo znan bug.. Sem preguglov cel kup strani z rešitvami ampak rešitve za ta primer ne najdem.
Tuki je primer o čem govorim:
Pri IE8, FF,... lepo podmeni prekrije ostale menije, medtem ko pri IE7 je podmeni v ozadju.. Kako ga spraviti v ospredje? Se kermu kaj sanja?
Dons sem se igral oz. se še z menijem in sem naletel na problem, ki ga rešujem že več ur pa nič ne dela..
Gre se za to, da podmeni ni na vrhu in ga ostali meniji prekrijejo pri IE7 medtem ko pri drugih IE8,FF,... dela normalno. To mi je jasno, da je to IE7 bug, zelo znan bug.. Sem preguglov cel kup strani z rešitvami ampak rešitve za ta primer ne najdem.
Tuki je primer o čem govorim:
<!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" xml:lang="en" lang="en">
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<style type="text/css">
#wrapper {
width: 600px;
text-align: left;
margin: 0 auto;
}
#menu {
}
#menu ul {
list-style: none;
}
#menu ul li {
float: left;
padding-right: 20px;
position: relative;
}
#menu ul ul {
margin-left: 0;
/*display: none;*/
position: absolute;
float: left;
width: 180px;
top: 20px;
left: 0;
z-index: 10010;
border-top: 1px solid #cccccc;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
padding-left: 0;
}
#menu ul ul li {
padding-right: 0;
position: relative;
}
#menu ul ul li a {
background-color: #fff;
width: 168px;
border-bottom: 1px solid #cccccc;
padding: 3px 6px;
display: block;
color: #707070;
}
</style>
</head>
<body>
<div id="wrapper">
<div id="menu">
<ul>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">submenu is here</a>
<ul>
<li><a href="">1111111111111</a></li>
<li><a href="">1111111111111</a></li>
<li><a href="">1111111111111</a></li>
<li><a href="">1111111111111</a></li>
</ul>
</li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
<li><a href="">asdfa asdf asdf</a></li>
</ul>
</div>
</div>
</body>
</html>
Pri IE8, FF,... lepo podmeni prekrije ostale menije, medtem ko pri IE7 je podmeni v ozadju.. Kako ga spraviti v ospredje? Se kermu kaj sanja?
Vredno ogleda ...
| Tema | Ogledi | Zadnje sporočilo | |
|---|---|---|---|
| Tema | Ogledi | Zadnje sporočilo | |
| » | ASDFOddelek: Programska oprema | 2008 (437) | alexmarsic |
| » | Prikaz strani na različni resoluciji-JoomlaOddelek: Izdelava spletišč | 1953 (1681) | kr?en |
| » | Slepo tipkanjeOddelek: Pomoč in nasveti | 3378 (3150) | Mare3 |
| » | Generator lažnih identitetOddelek: Novice / Zasebnost | 5322 (2802) | bluefish |
| » | [JAVA] Tezava s framom in FlowLayoutomOddelek: Programiranje | 959 (805) | alum |