Kod
dhost.info/vcity
. Mam obrazek o wysokości h = 105px, w = 200px i mam ustawioną klasę (w kodzie css niżej), + "hover", lub + "active" w IE 6 i 7, występuje błąd w wyświetleniu . Oto kod css i html:Kod
.menu_opt_kontener{
width: 200px;
height: 35px;
margin-bottom:10px;
padding: 0px;
display: block;
}
.menu_opt_kontener:hover{
background-position: 0 -35px;
}
.menu_opt_kontener:active{
background-position: 0 -70px;
}
width: 200px;
height: 35px;
margin-bottom:10px;
padding: 0px;
display: block;
}
.menu_opt_kontener:hover{
background-position: 0 -35px;
}
.menu_opt_kontener:active{
background-position: 0 -70px;
}
Kod
<div id="menu_srodek" class="ustawieniadiv">
<div class="menu_opt_kontener" id="menu_opt_1_guzik">
</div>
<div class="menu_opt_kontener" id="menu_opt_2_guzik" >
</div>
<div class="menu_opt_kontener" id="menu_opt_3_guzik">
</div>
<div class="menu_opt_kontener" id="menu_opt_4_guzik">
</div>
<div class="menu_opt_kontener" id="menu_opt_5_guzik">
</div>
<div class="menu_opt_kontener" id="menu_opt_6_guzik">
</div>
</div>
<div class="menu_opt_kontener" id="menu_opt_1_guzik">
</div>
<div class="menu_opt_kontener" id="menu_opt_2_guzik" >
</div>
<div class="menu_opt_kontener" id="menu_opt_3_guzik">
</div>
<div class="menu_opt_kontener" id="menu_opt_4_guzik">
</div>
<div class="menu_opt_kontener" id="menu_opt_5_guzik">
</div>
<div class="menu_opt_kontener" id="menu_opt_6_guzik">
</div>
</div>
Zgodnie z założeniem po najechaniu na link obrazek powinien się przesunąć o -35px, a po kliknięciu i przytrzymaniu o -70px. W Firefoxie mi gra.
Z kolei gdy w IE 7 najade na diva to się uaktywnia "hover", ale "active" już nie działa. W IE 6 wogóle nie działa (nie mówiąc o przeźroczystości png o których nie mam pojęcia)... Gdzieś zobaczyłem że active w IE 7 działa tylko i wyłącznie na znacznik a, który odsyła do innej strony. A ja tu używam Js... Dzięki za wszelką pomoc.
BTW: Nie zważajcie na treść
Co do przezroczystości IE7 ja używałem pewnej biblioteki :], ale już nie pamiętam jej nazwy.