鏈接下面的圖片下邊距

我到處尋找並找不到答案，我想可能是因爲沒有人遇到同樣的問題，或者可能是因爲它是一個非常具體的問題。鏈接下面的圖片下邊距

我遇到的問題是，我正在使用的網站上的鏈接圖像，在懸停時有一個小的邊框，這是所有瀏覽器（除IE 7之外，網站最初設計的在）。這是由於設置：懸停爲背景。儘管沒有設置邊框，邊距和圖像填充，但由於某些原因仍然不滿意。

我只有2種方法可以解決這個問題，在某個標籤上設置一個沒有背景的類，或者將鏈接圖像顯示爲一個塊。不幸的是，這些解決方案都不適合，因爲該網站有數百頁，可能有成千上萬的鏈接圖像，使用一個類意味着找到它們！使用顯示塊會破壞一些圖像顯示，比如它們在p標籤中很好地居中。

如果你想要一個它不適合我的例子，該網站的主頁是http://www.tameside.gov.uk，看看右上角的社交媒體圖標，他們都得到了背景懸停治療。

如果有人能幫助，我會很感激。

謝謝，

來源

2012-02-09 James R

圖像圖標是PNG和具有透明背景。這就是爲什麼你可以看到背景。您可以將圖標更改爲白色背景（與JPEG相同），您將不會再看到背景。

更快的解決將是補充，僅適用於一個標籤的社交媒體DIV中新的CSS規則：

.banner_container .social a { 
    background: none !important; 
}

來源

2012-02-09 11:21:12

您好，感謝您的回覆，但他們不是真正透明的，他們有白色背景，它也出現在所有jpeg上。然而，經過大量的搜索和我自己的一些知識後，我發現問題出現的原因和解決方案。 – 2012-02-13 11:15:19

嗨。我很高興你解決它。解決方案是什麼？ – 2012-02-13 11:17:11

抱歉意味着放棄解決方案，但點擊提交提前：所有圖像默認爲內聯，因此他們坐在一個假想的線內或無論他們在哪裏，線是在那裏，因爲較低的項目，坐在自然線下，如大多數字體中的'g'。因爲：懸停有一個背景，它正在挑選該排列，並在下面創建一個邊距。解決方法是將所有圖像顯示爲一個塊（這對我來說不起作用），或者添加vertical-align：text-bottom，這幾乎不會改變圖像的對齊方式，但會將其放到足以覆蓋該假想線的位置。 – 2012-02-13 11:21:33

鏈接下面的圖片下邊距

回答

相關問題