2011-05-20 20 views
35

görüntü çevresinde bir kenarlığa neden olur Ben bir düğme olarak kullanmak için bir href etiketinin içinde img etiketleri var nerede bazı HTML var. Her şey, IE'de açtığımda, img etiketinin etrafına bir kenarlık koyduğum dışında iyi çalışıyor. İşte Bir href etiketinin içine bir img etiketi koymak, IE

bazı kod:

<a href="javascript:changecolor(1)" title="Click Again to Change Color" style="cursor:pointer; text-decoration:none"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(2)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(3)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(4)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(7)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px;" /></a> 
<a href="javascript:changecolor(6)" title="Click Again to Change Color" style="cursor:pointer"><img src="button.png" width="25" height="25" style="margin-top:600px; text-decoration:none" /></a> 
Ben sadece IE görünen mavi sınırında, kurtulabilirsiniz Nasıl

?

cevap

48

Basit düzeltme, senin stil buna benzer bir stil oluşturmak: Senin durumunda

a img{ 
border:0; 
} 

, sen HTML'nizde sahip satır içi stilleri bazı içerecek şekilde stili güncelleyebilirsiniz. bu - = Internet Explorer ve bağlantı etiketi etrafında soluk renkli kutu ile küçük sorunu konusunda img etiketi

+0

, ancak ben sadece IE tekrar başka küçük bir sorun var, benim görüntülerin bazı ayarlanmış bir üst kenar boşluğu var ve onları orada tıkladığımda Tıkladığımda kenar boşluğu büyüklüğünde gri çizgili bir kutu olup, nasıl kaldırılacağı konusunda herhangi bir fikrin var mı? – user541597

+0

Uygulamanızın renk değişimi JS gibi olabilir. Kenar boşluklarını img'den kaldırmayı ve bunun yerine bir etikete uygulamayı deneyin. Bu işe yaramazsa - Canlı bir bağlantı veya ekran yakalayabilir misin? – Dan

+0

Kenar boşluğunu da tanımak için 'a' sınıfına 'display: inline-block' stilini eklemeniz gerekebilir. – Dan

12

ekle sınırında: Örneğin, stil güncellendi olacağını anahat. CSS aşağıdaki kullanabilirsiniz anahat kutusunu gizlemek için: amele büyük

a img{outline:none;} 
+5

sadece bu çözüm benim için çalışıyor –

5

"0" özelliği

a{ 
cursor:pointer; 
text-decoration:none 
} 

a img{ 
margin-top:600px; 
} 
İlgili konular