在IE中使用CSS后台位置问题

时间:2012-03-19 18:54:03

标签: css internet-explorer-9 background-image

我有以下代码:

<p class="more"><a href="/stories" class="more">Read more</a></p>

和CSS:

a.more, a.back { padding: 0px 20px 2px 4px;}
a.more {background: url(../images/ui/arrowLeftBlue.gif) 100% 3px no-repeat;}

出于某种原因 - 当我JSfiddle时 - 它有效。 但是当我在IE9中查看它时 - 背景图像没有显示在链接的右侧。 有趣的是在IE8中 - 它显示得很好。

这是IE9首先截图,然后是IE8:

网址:http://bit.ly/wBsMBj

谢谢!

2 个答案:

答案 0 :(得分:1)

看起来这是由于后台网址中的..造成的。我猜IE9从文档本身开始搜索,而其他浏览器开始从样式表文件中搜索。所以,IE9根本无法找到该文件。

要解决这个问题,只需使用这样的路径:

background: url(/images/ui/arrowLeftBlue.gif);

下次,请发布您的真实代码,以便人们无需查看您的实际网站来源。 :)

答案 1 :(得分:0)

好的 - 找到了正确的解决方案:

由于某种原因,左对齐的段落不需要任何填充。所以我替换了填充边距。

然后锚上的BG图像开始了。 不知道为什么,但它确实有效。

无论如何,谢谢你的帮助。