背景圖片：網址不起作用

Question

我試圖像這樣通過background-image：url將背景圖像添加到鏈接中

  <a href="#" style="width:300px; height:125px; background-image:url('http://dev.nclexreview.net/media/3549/livereviewsignin.png')"></a>

我已經嘗試了內聯CSS以及外部CSS。

它可以完美地在div中工作，但不能在a中工作。

我也嘗試過只使用background：url，也沒有運氣。 這是一個精靈圖像，我想基於鼠標懸停來更改位置，但是我什至無法使圖像首先出現。

我真的很感謝您的幫助:)

Answer 1

“ a”標記是一個內聯元素，將其顯示類型更改為“ block”；

http://jsfiddle.net/qWW68/

<a href="#" style="display:block;width:300px; height:125px; background-image:url('http://dev.nclexreview.net/media/3549/livereviewsignin.png')"></a>

由於這是一個Sprite，因此您需要將其移動到外部樣式表中，以添加偽類樣式

Answer 2

無論如何，您都需要將樣式放在表格中。 您可以使用一般背景為元素設置樣式，然后在a：hover上使用背景位置。