html - 背景图像：网址不起作用

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”标签是内联元素，将其显示类型改为块状；

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>

因为这是一个精灵，所以您需要将其移动到外部样式表中以添加伪类样式

Answer 2

无论如何，您都需要将样式放在工作表中。您可以使用一般背景设置 a 元素的样式，然后在 a:hover 上，只需使用背景位置。