0

我正在尝试浮动一个 li 的 :after,其中包含一个背景元素。它适用于 Mac 上的所有浏览器,以及 Win 上的所有浏览器,IE 除外。我尝试更改显示和浮动等参数,但不起作用。

CSS:

ul.nav li a:after { 
    background: url(images/nav_icon.png) no-repeat; 
    width: 8px; 
    height: 5px; 
    font-weight: 400; 
    content: ""; 
    display: block; 
    float: right; 
    margin: 8px 0 0 6px; 
}

这是它看起来正确的样子:

在此处输入图像描述

下面是 IE 的作用:

在此处输入图像描述

我很感谢任何帮助。我发现谷歌搜索的唯一一件事是 IE7 的 clearfix 技巧,没有关于那个愚蠢的浏览器如何解释选择器。

4

1 回答 1

0

使用条件注释解决,其中包含display: inline-block并删除 :after 的浮动。

于 2013-10-11T12:18:24.930 回答