küçük resim için arkaplan değiştirme

Şöyle dene:

<div class="arka1" id="cerceve"><img onmouseover="javascript: document.getElementById('cerceve').style.backgroundImage = 'arka2.jpg';" onmouseout="javascript: document.getElementById('cerceve').style.bacgroundImage = 'arka1.jpg';" src="resimler/1.jpg" alt=""/></div>

ie 8 ile deniyordum. chrome ile açınca çalıştı işe bak. #9 daki gibi deneyeyim en iyisi.

birebir aynısını yaparsan çalışır.
href e birşeyler yazdığına emin ol, dosya isimlerininin doğru yolları belirttiğine de eminsen sorun yok. ha birde div yerine <a> yapacaksın unutma

ulan ne çektim bundan be. bunu yaptım, bu seferde sadece ie8 de düzgün çalıştı. diğerlerinde kaydı. sonra resimleri kullanmadan arkaplan rengi ile yaptım. bu seferde sadece chrome da düzgün çalıştı. şimdi şöyle yaptım chrome ve mozilla da düzgün ie de değişmiyor.

.kenarlik img{border:2px solid #0B97F8;}
.kenarlik img:hover{border:2px solid #F76B0A;}

bakayım çalışmalarım devam ediyor.

.kenarlik{width: 140px; height: 106px; background-color: #0B97F8;}
.kenarlik:hover{width: 140px; height: 106px; background-color: #F76B0A;}

böyle yapıyorum ie de çalışmıyor.

.kenarlik a{border:2px solid #0B97F8; width: 138px; height: 106px;}
.kenarlik a:hover{border:2px solid #F76B0A; width: 138px; height: 106px;}

böyle yapıyorum chrome mozilla da çalışmıyor. daha doğrusu kayık görünüyor.

.kenarlik a img{border:2px solid #0B97F8;}
.kenarlik a:hover img{border:2px solid #F76B0A;}

şöyle denermisin bi, aslında son yazdığında çalışması lazım gibi ama

tamamdır böyle ie, chrome ve mozilla da düzgün çalıştı.