css - IE 中 CSS 背景位置的问题

Question

我有以下代码:

<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

谢谢!

Answer 1

看起来是由于后台 URL 中的 ..。我猜想 IE9 从文档本身开始搜索，而其他浏览器从样式表文件开始搜索。因此，IE9 根本找不到该文件。

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

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

下次，请发布您的真实代码，以免人们需要查看您的实时站点源代码。 :)