背景图片:网址无效

时间:2013-01-30 20:05:23

标签: html css

我正在尝试通过background-image添加背景图片:url like so

  <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也没用,也没用。这是一个精灵图像,我想基于鼠标改变位置,但我甚至无法让图像首先出现。

我真的很感激一些帮助:)

2 个答案:

答案 0 :(得分:0)

“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>

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

答案 1 :(得分:0)

无论如何,您都需要将样式放在工作表中。您可以使用常规背景设置a元素的样式,然后在a:hover上设置样式,只需使用background-position。

相关问题