问题与IE

我有以下代码CSS背景位置右：问题与IE

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

谢谢！

2012-03-19 kneidels

在IE9中的图像显示对我来说很好，我想。也许是缓存问题？ – Jeroen 2012-03-19 18:57:45

奇怪 - 我甚至试图通过Adobe BrowserLab查看网站 - 即使那里没有显示图像。重的问题 - 谢谢，我会检查 – kneidels 2012-03-19 19:02:18

它是与留在'p'，搞乱在IE9中定位的100％与RTL联合背景，地位和文本对齐。不完全确定这一切背后是什么... – Jeroen 2012-03-19 20:14:28

OK - 找到正确的解决方案：

出于某种原因，需要左对齐段落没有在任何填充。所以我替换了边距的填充。

然后在锚BG图像踢。不知道为什么，但它的作品。

我还是谢谢你的帮助。

2012-03-21 07:24:46 kneidels

看起来它是由于背景URL的..。我猜IE9开始从文档本身搜索，而其他浏览器从样式表文件开始搜索。所以，IE9根本无法找到该文件。

为了解决这种混乱只是用，而不是这样的路径：

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

下一次，请把你真正的代码救人需要查看您的直播网站的来源。 :)

2012-03-19 20:18:40

感谢暗影向导 - 我做了你所建议的改变，但没有改变。 – kneidels 2012-03-19 20:43:44

OK - 找到正确的解决方案：出于某种原因，需要左对齐段落没有在任何填充。所以我替换了边距的填充。然后在锚BG图像踢。不知道为什么，但它的作品。无论如何要感谢您的帮助。此评论应标记为答案。 – kneidels 2012-03-19 20:58:11

回答