Firefox'ta nasıl bir kenarlık ve görüntü bağlantısı olarak kullanılır?

Question

Garip soru Ben daha çok ne denir emin değilim düşünüyorum. Ama Yani Mavi sınır onların Şimdi css sınır 0'a tüm kuralları var bağlantılara

örnek

...<li> 
    <a href="#link"> 
    <img ...> 
    </a> 
</li> ..... 

sarılmış bir img var. Ancak Firefox’ta sadece görüntüyü tıkladığımda pembe mini kesik kenarlık görünüyor. Diğer tarayıcılarda herhangi bir zamanda sınır yoktur. Tarayıcının kendisinden veya eksik olduğum bir şeyden emin değilim. Benim css'de sınırda 0'a ayarlıyorum: vurgulu, ziyaret ettim: Metin dekorasyonunu bile yardım edebilecek hiçbir düşünceye koymadım. Ama boşuna bilmek. Yardım için çevrimiçi arama yapmayı denedim, ancak tek yaptığım, resmin bağlantıya yerleştirilmesinden kaynaklanan kenarlığın kaldırılması hakkında bilgi. Yani doğru yönde herhangi bir yardım veya bir nokta harika olurdu. ! edit // Ne hakkında konuştuğumu daha iyi açıklamak için bir resim ekledim. onlar ‘aktif’ veya ‘odaklanmış’ olunca, varsayılan olarak alt text http://i28.tinypic.com/6tme84.jpg

Answer 1

Bağlantılar (<a> ‘ler) etraflarında noktalı taslak var. Firefox 3'te renk

Bunu kaldırmak için metnin rengine göre belirlenir, sadece kullanım: Kullandığım (

a { 
    outline: none; 
} 

Yoksa yapmam gerekeni yap, bütün unsurlarından kaldırabilirsiniz benim kendi odaklama/etkin kurallar) ve tüm öğelerden kaldıracaktır.

Answer 2

Firebug'u yükleyin ve neler olduğunu görün. Sanırım neler oluyor, img etiketinin muhtemelen bir varsayılan sınırı var.

HTML'iniz:

aşağıdaki CSS bir kimliğe sahip bir div içindeki senin a ve img etiketlerini koyarak ve kullanmayı da deneyebilirsiniz belki kaldırmak için

 
<div id="test"> 
    <a...> 
    <img .../> 
    </a> 
</div> 

Ve aşağıdaki CSS kullanın:

 
#test img { border-style: none; } 

Answer 3

#link img a 
{ 
border:0; 
outline:none; 
}