Question

我正在设计一个拥有CSS菜单的网站。

有些菜单有子菜单。任何带子菜单的菜单项都会显示“＆gt;”的简单图像，表示存在子菜单。

Here is a JFiddle。（请原谅60行CSS。我正在使用生成的代码工作，我尽可能多地删除了无关的代码。）

这在IE8中无效，我不知道为什么。在IE8中，＆gt;图像根本不会出现。

任何人都可以帮助我这样做，所以这段代码可以在IE8中运行吗？

使用背景图像不是理想的解决方案，因为页面已经将背景图像用于其他目的。

谢谢！

.has_children:after
{
    content:url('http://s21.postimg.org/banv5jdib/submenu_arrow.png');
    position: absolute;
    right: 5px;
    top: 2px;
}

Answer 1

为了让:before，:after和content在IE8中运行，您需要在页面顶部设置<!DOCTYPE html>。

如果仍然失败，则必须使用CSS3馅饼Selectivizr

正如你所说，你不能使用background-image而不是使用img标签似乎是公平而唯一的方法来实现这一目标。