同樣的圖像使用三次，但只有通過CSS出現2次

將不勝感激我的問題。我試圖使用相同的圖像佔位符的目的，我需要它三次，但當我通過CSS鏈接它只出現兩次正確，我不知道爲什麼它不會出現第三次。同樣的圖像使用三次，但只有通過CSS出現2次

下面是HTML剪斷：

<div class="container"> 
     <div class="row"> 
      <div class="span4"> 
       <h5>Get in Touch?</h5> 
       <h3><a href="#facebook" class="footer_facebook">Add Me</a></h3> 
      </div> 

      <div class="span4"> 
       <h5>Hire for a Project?</h5> 
       <h3><a href="#gmail" class="footer_mail">E-Mail Me</a></h3> 
      </div> 

      <div class="span4"> 
       <h5>Need Information?</h5> 
       <h3><a href="#skype" class="footer_skype">Skype Me</a></h3> 
      </div> 
     </div> 
    </div>

這裏是CSS剪斷：

a.footer_facebook { 
background: url(../img/icon_email.png) no-repeat scroll center bottom transparent; 
} 
a.footer_mail { 
background: url(../img/icon_email.png) no-repeat scroll center bottom transparent; 
} 
a.footer_skype { 
background: url(../img/icon_email.png) no-repeat scroll center bottom transparent; 
}

正如你所看到的。正在使用相同的圖像。它的工作原理和似乎很好的郵件和Skype的部分，但沒有出現在Facebook部分，我不知道爲什麼。如果我將HTML代碼類從「footer_facebook」更改爲「footer_mail/skype」，則會出現該圖標。代碼顯示爲了我，我驗證了我的html沒有錯誤。謝謝。

來源

2014-08-29 Roschmann Godinho

當您使用瀏覽器的開發人員工具檢查有問題的元素時，您會看到什麼？我懷疑在你的代碼片段中沒有提供其他CSS規則。 – 2014-08-29 11:18:12

這是你的小提琴：http://jsfiddle.net/6fjr7dkm/，它看起來很好，你的問題是在發佈的代碼之外。 – Moshtaf 2014-08-29 11:19:59

@Andre Dion：當我點擊徽標出現的位置時，右側的樣式選項卡上沒有任何內容顯示鏈接到該區域的背景圖片。但是，當我點擊其他兩個區域的Skype和電子郵件時，會彈出一個屬性，指出存在背景並且網址指向正確的徽標。我會將圖像上傳到OP。編輯：短4代表上傳圖片。感謝您的回覆Moshtaf，在發佈之前也試過了，它工作的很好，但是爲什麼它不能在我的文件中工作。過了一段時間，只是卡在這裏。 – 2014-08-29 11:39:57

沒關係傢伙。我剛剛刪除了這些位，然後重新輸入並以某種方式工作。不管怎麼說，多謝拉！

來源

2014-08-29 11:58:19

同樣的圖像使用三次，但只有通過CSS出現2次

回答

相關問題