1

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

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

这是一个 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;
}
4

1 回答 1

2

为了在 IE8 中制作和工作:before,您需要在页面顶部。:aftercontent<!DOCTYPE html>

如果仍然失败,那么您将不得不将CSS3 pie 与Selectivizr一起使用

有关支持详细信息在这里

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

于 2013-07-27T05:37:27.643 回答