如何獲得div背景圖片上的錨標籤？

HTML：如何獲得div背景圖片上的錨標籤？

<div id="facey"> 
    <a href="http://www.facebook.com.au"></a> 
</div>

CSS：

#facey { 
    float: left; 
    width: 32px; 
    height: 32px; 
    background: url(file:///C|/Users/User/Documents/TAFE%20-%20Web/ICAWEB411A%20Design%20simple%20web%20page%20layouts/testing%20color/icons/facey%20sprite.png) no-repeat 0 0; 
} 

#facey:hover { 
    background-position: 0 -32px; 
}

我對社交媒體圖標的CSS精靈，我一直在試圖把一個錨標記上他們去有各自的網站和我'm不知道它是如何工作的，因爲精靈圖像被用作背景圖片，並且錨點標籤似乎不適合div中的我？我不確定我在這裏做錯了什麼？

來源

2013-04-10 elroyz

添加CSS樣式到display:block;#facey a。

來源

2013-04-10 21:27:37 Vucko

感謝的人，爲什麼顯示：block現在就開始工作？ – elroyz 2013-04-11 09:17:34

[查看此貼子]（http://stackoverflow.com/a/2262036/1763929）。 – Vucko 2013-04-11 09:24:31

將背景放在錨點上，而不是放在div上，最後是可點擊的錨點標記。 div在這裏實際上是完全多餘的。

<a href="http://www.facebook.com.au" id="facey"></a> 

a#facey { 
    float: left; 
    width:32px; 
    height: 32px; 
    display: block; 
    background:url(file:///C|/Users/User/Documents/TAFE%20-%20Web/ICAWEB411A%20Design%20simple%20web%20page%20layouts/testing%20color/icons/facey%20sprite.png) no-repeat 0 0; 
} 

a#facey:hover { 
    background-position:0 -32px; 
}

來源

2013-04-10 21:27:19 Richard

您不能像這樣引用文件系統中的文件，它被認爲是除IE以外的任何瀏覽器中的安全漏洞。嘗試使用相對路徑代替：

#facey { 
    float: left; 
    width:32px; 
    height: 32px; 
    background:url(icons/facey%20sprite.png) no-repeat 0 0; 
    }

來源

2013-04-10 23:56:50 cimmanon

如何獲得div背景圖片上的錨標籤？

回答

相關問題