CSS: hover W "absolutnie" pozycjonowanym elemencie

Mam przyjaciela, mrOverAbsolute, który chce zasiąść na innym przyjacielu, mrAbsolute. Żadne z nich nie wydaje się narzekać. Mam innego przyjaciela, który odpowiada na "mrHover", który chce użyć sprite'a. mrHover jest szczęśliwy tylko wtedy, gdy duże psy, mrHover i mrOverHover, nie są tak absolutne.CSS: hover W "absolutnie" pozycjonowanym elemencie

Oto dramat:

<style> 
div#mrOverAbsolute 
{ 
    z-index:1; 
    /* ... and some other stuff */ 
} 
div#mrAbsolute 
{ 
    position:absolute; 
    z-index:-1; 
    /* ... and some other stuff */ 
} 
a.mrHover 
{ 
    background:url('mrImage') 0 0; 
} 
a.mrHover:hover 
{ 
    background-position:0 25; 
} 
</style> 

<div id="mrOverAbsolute"></div> 
<div id="mrAbsolute"> 
    <table> 
    <tr> 
     <td><a href="" class="mrHover"></a></td> 
    </tr> 
    </table> 
</div>

Ok w porządku - przyjaciele na bok - jeśli usunąć "position: absolute;", prace sprite. W przeciwnym razie Chrome ignoruje fakt, że zadeklarowałem ": hover" w CSS.

Wszelkie sugestie?

Źródło

2013-04-23 user2280110

zapytaj znajomych o zdanie lub opublikuj pytanie w rozsądnej formie – Ejaz

Po pierwsze, usuń elementy '

Powiązane problemy