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

一些菜单具有子菜单。任何带有子菜单的菜单项都显示一个简单的“ >>图像,以表示存在子菜单。

Here is a JFiddle。 (请原谅60行CSS。我正在使用生成的代码,因此我尽可能地剥离了多余的代码。)

这在IE8中不起作用,我也不知道为什么。在IE8中,>图像根本不会出现。

谁能帮我做到这一点,以便此代码可在IE8中使用?

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

谢谢!

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

最佳答案

为了使:before:aftercontent在IE8中工作,您需要在页面顶部具有<!DOCTYPE html>

如果仍然失败,则必须将CSS3 pie与Selectivizr一起使用

For Support DetailsHere

如您所知,不能使用background-image而不是使用img标记似乎是公平且唯一的实现此目的的方法。

07-24 09:50
查看更多