IE css проблем със смяна на картинки

NewGuy

Registered
Здравейте. Имам код който когато се мине през дадена картинка тя се сменя с друга. До тук добре работи под firefox но под IE когато мина през даден бутон той ставя бял и не се сменя с друга картинка. Как мога да го оправя?

Ето малко код:

Код:
a.hver {display:block; width:190px; height:29px; background:#fff url(images/butoni2_08.gif) no-repeat; overflow:hidden; cursor:default;}
a.hver img {visibility:hidden;}
a.hver:hover {background:0;}
a.hver:hover img {visibility:visible; border:0;}
 
ако картинката е линк,както ми се струва че искаш да е,направи така:

a { text-decoration:none; display:block; width:200px; height200px;
background: url(img/kartinka.gif) no-repeat left top;}

a:hover {backgroun: url(img/kartinka2.gif) no-repeat left top;}

ако ще слагаш клас на а тага:

a.class {sy6toto}
a:hover.class {sy6toto}

а това img:hover абсурд да тръгне под експлорер, a и css кода е грешен
може да е така ако е на img таг

<img style="height:20px;" src="img/kartinka.gif" alt=""
onmouseover="this.style.backgroundPosition='left bottom';" onmouseout="this.style.backgroundPosition='left top';" />

като в случая е една картинката,но горната част е едното а долната част другото,т.е. са две картинки в една- горната част е едната,долната е другата.Ако цялата картинка е 40 пиксела висока ,задаваме на тага 20(нали двете по отделно са по 20) ,това е примерно.
 
Правиш една картинка 400 на 400 примерно. Горните ти 200 пиксела са a: а долните 200 са ти hover:
Код:
a:link, a:visited { 
display: block; 
width: 400px; 
height: 200px;
background: url(img.gif) no-repeat left top;}

a:hover {
backgroun: url(img.gif) no-repeat left bottom;}
 
akolevutd каза:
Правиш една картинка 400 на 400 примерно. Горните ти 200 пиксела са a: а долните 200 са ти hover:
Код:
a:link, a:visited { 
display: block; 
width: 400px; 
height: 200px;
background: url(img.gif) no-repeat left top;}

a:hover {
backgroun: url(img.gif) no-repeat left bottom;}
и аз същото имах в предвид :)
 

Back
Горе