Salve a tutti,
Ho una pagina divisa in quattro link con un div posizionato in mezzo (coprendo un angolo di ogni link). Vorrei che passando su un link questo si posizionasse in primo piano rispetto al div centrale e quindi ho usato z-index:1 su a:hover, seguendo vecchie discussioni su questo forum, ma non funziona...
Per chiarezza ecco il codice:
<body>
<div id=box></div>
</body>
e il css:
<style type=text/css>
html,body{height:100%;
margin:0;
background:#000000;
font-family:"trebuchet ms";
font-weight:bold;
font-style:italic;}
div#box{background:#000000 url(5.jpg) repeat center center;
width:150px;
height:150px;
position:absolute;
top:50%;
left:50%;
margin:-75px 0 0 -75px;}
a {width:50%;
height:50%;
position:absolute;
text-decoration:none;
color:#ffffff;}
a#ne{background:#101010;
top:0;
left:50%;}
a#se{background:#202020;
top:50%;
left:50%;}
a#so{background:#101010;
top:50%;
left:0;}
a#no{background:#202020;
top:0;
left:0;}
a:hover{z-index:1;}
</style>
Qualcuno sa come risolvere?
Rispondi quotando
