我有以下代码:
<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:
谢谢!
答案 0 :(得分:1)
看起来这是由于后台网址中的..
造成的。我猜IE9从文档本身开始搜索,而其他浏览器开始从样式表文件中搜索。所以,IE9根本无法找到该文件。
要解决这个问题,只需使用这样的路径:
background: url(/images/ui/arrowLeftBlue.gif);
下次,请发布您的真实代码,以便人们无需查看您的实际网站来源。 :)
答案 1 :(得分:0)
好的 - 找到了正确的解决方案:
由于某种原因,左对齐的段落不需要任何填充。所以我替换了填充边距。
然后锚上的BG图像开始了。 不知道为什么,但它确实有效。
无论如何,谢谢你的帮助。