Autor | Zpráva | ||
---|---|---|---|
Sourceout Profil * |
Udělal jsem si takto hover menu
.menu { color: #D6C0CC; padding: 0; margin: 0; list-style-type: none; display:block; } .menu ul { margin-top: 0px; text-align: left ; position: absolute; visibility: hidden; margin: 0; padding: 0; list-style-type: none; } .menu li { float: left; background-color: #310D1B; width: 125px; line-height:28px; white-space: nowrap; margin-top: 0px; margin: 0; padding: 0; } .menu li a:hover{ background-color: #230A14 } .menu a { text-align: center; padding: 0px; color: #D6C0CC; display: block; text-decoration: none; font-size: 15px; } .menu ul a:link { color: #D6C0CC; border-bottom: none; text-align: left; padding-left: 10px; _padding-left: 14px; background-color: #46132B; } .menu ul a:visited { color: #D6C0CC; border-bottom: none; text-align: left; padding-left: 10px; _padding-left: 14px; background-color: #46132B; } .menu ul a:hover { color: #D6C0CC; background-color: #5A1733; text-align: left; } .menu li:hover ul, ul.menu li.hover ul { visibility: visible; border: solid black; border-width:0px 1px 1px 1px; } .menu li li { float: none; border: none; padding: 0; margin: 0; } a takto hover efekt u obrázků, které jsou pod ním #galerie a img{ border: 0px; margin-right: 3px; vertical-align: text-top; filter:alpha(opacity=85); -moz-opacity:0.85; opacity: 0.85; } #galerie a:hover img{ border: 0px; margin-right: 3px; vertical-align: text-top; filter:alpha(opacity=100); -moz-opacity:1; opacity: 1; } A když najedu na menu myší, tak se normálně aktivuje hover, ale v místech kde se překrývá s obrázkem je jakoby podním a já bych rád, aby menu bylo vykresleno před obrázek a ne pod. |
||
Ernie Profil |
#2 · Zasláno: 27. 5. 2011, 15:53:53
Nastavte menu z-index:1.
|
||
Časová prodleva: 13 let
|
0