| 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: 14 let
|
|||
0