2012-02-12 25 views
16

ben bağlantılar için aşağıdaki CSS kod var:Internet explorer

a { 
    text-decoration: none; 
    color: #248AC9; 
} 

a:hover { 
    color: #8DCFF7; 
} 

sorun Internet Explorer, görüntüler 'renk' ile aynı renk ile garip bir sınır olması. Bunu nasıl düzeltebilirim ve görüntüleri doğru şekilde çizebilirim. HTML kodunu basittir: Yani <a href="calculator-operators.htm"><img src="img/link.png" /></a>

Screenshot: , nasıl bu sorunu çözebilirsiniz ?

+0

Olası yinelenen (http://stackoverflow.com/questions/2958688/how-switch-off-image-border- [IE görüntü sınırını kapatmak Nasıl] in-ie) –

cevap

36

Sadece görüntüler için hiçbir sınır belirtin:

a > img{ 
    border: 0; 
} 
+0

Bu sorun çözüldü ... teşekkürler :) Ve bu çözümü daha iyi seviyorum, çünkü diğer (bağlantı olmayan) img stillerini etkilemiyor. – Tibi

+1

Sıfır değerlerini kullanırken birim türünü belirtmenize gerek olmadığını unutmayın. yani 0; yeterli olacaktır. – devdigital

+0

@devdigital iyi bir nokta. Usulüne uygun olarak belirtilmiştir. –

0

sadece bir reset kullanmayı düşünün 0 px tüm görüntüden

img { border: 0px } 
6

kullanın

img { 
    border: 0; 
} 

sınır ayarlamak Tüm tarayıcılarda stil tutarlılığı sağlamak için stil sayfası veya normalising stil sayfası. Bu düzeltme bu stil sayfalarının bir parçasıdır.

+0

+1… bu harika bir fikir. – Tibi

-2

a { 
    text-decoration: none; 
    border:0; 
    color: #248AC9; 
} 
+0

Bu işe yaramıyor. Ve beyazla boyama bir çözüm değil ... arka plan beyaz değil, çok açık bir gridir. – Tibi

3

Onun gördüğüm eski bir yazı deneyin ama, neden düşündüm. border:none; kullanarak bir başka çözüm var: ait

a img { 
    border:none; 
} 
İlgili konular