Hoi
Ik heb .gifjes gemaakt met brushes om de website een mooiere layout te geven, echter zelfs als ik werk met z-index werken mijn 3 eerste rollover-knoppen niet meer maw: de toepassing van de z-index schijnt niet te werken.
Ik weet natuurlijk dat de gif-laag, gedeeltelijk transparant, over het begin v/h menu komt maar dat zou toch met z-index opgelost moeten zijn?
Hier de code van de .gif:
| Code: |
#d1 {
width: 200px;
height:auto;
position: absolute;
z-index: 10;
left:70px;
top: -10px;
background: url(images/roodw.gif) no-repeat top left;
}
|
en van één rolloverknop die niet werkt:
[code]div#cssrollovers {
width: 600px;
height: 50px;
margin: 0 auto 1em auto;
z-index: 20;
}
/** rollover 3 (pure css) ul **/
#rollover3 a {
text-decoration:none;
display:block;
height:100%;
}
#rollover3 a {
width:100%;
}
#rollover3 {
list-style-type: none;
display: inline;
width:0px;
margin:auto;
padding:0;
}
#rollover3 li {
float:left;
height:30px;
width:100px;
}
#rollover3 li#lingerie a{
background-image:url(images/lingerie.gif);
}
#rollover3 li#lingerie a:hover {
background:transparent;
}
#rollover3 li#lingerie {
background-image:url(images/lingeriehover.gif);
}
Kan iemand mij helpen?
