Всем привет. Использовал такой код вне таблицы - работает отлично. Если же воспользоваться этим кодом в таблице, то изображения не накладываются друг на друга, а занимают место, как 2 отдельных изображения. Можно ли как-то наложить их друг на друга?
onmouseover onmouseout не пользуюсь, т.к в хроме этот вариант тормозит.
|
Код:
|
<style>
.demoIMG {
position:relative;
margin:0 auto;
}
.demoIMG img.novisible {opacity:0;filter:alpha(opacity=0);}
.demoIMG:hover img.novisible {opacity:1;filter:alpha(opacity=100);}
.demoIMG:hover img.visible {opacity:0;filter:alpha(opacity=0);}
.demoIMG img.visible:hover {opacity:0;filter:alpha(opacity=0);}
</style> |
|
Код:
|
<a class="demoIMG" href="#"
<img class="novisible" src="1/012_black16.png" />
<img class="visible" src="1/012_black15.png" />
</a> |