我正在设计一个具有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
,:after
和content
在IE8中工作,您需要在页面顶部具有<!DOCTYPE html>
。
如果仍然失败,则必须将CSS3 pie与Selectivizr一起使用
For Support Details或Here
如您所知,不能使用background-image
而不是使用img
标记似乎是公平且唯一的实现此目的的方法。