3

如何创建在 ie8 中也可以使用的带有箭头效果的下拉菜单。

我做了什么，我剪切了箭头图像并编写了以下 css 代码。它适用于 firefox 和 chrome，而不适用于ie8 是否有任何解决方案可以创建在 ie8 中也适用的此类菜单。？

 .main-navigation li ul:before {
background: url("images/arow.png") no-repeat scroll left center / 100% auto transparent;
content: "";
display: block;
height: 22px;
left: -6px;
position: absolute;
top: -20px;
width: 222px;
z-index: 1;
 }

.main-navigation li ul {
background-color: #000000;border-color: -moz-use-text-color #494949 #494949;
border-radius: 0 0 5px 5px; border-style: none solid solid; border-width: 0 1px 1px;
box-shadow: 0 0 9px 1px rgba(0, 0, 1, 0.75); padding-top: 10px;  width: 212px; }

我用这张图片作为箭头

需要的实际输出

4

3 回答 3

5

试试这个（纯 CSS）

这是 演示

这就是 源头

在 IE8 中工作

于 2013-08-09T04:40:46.307 回答
-1

另外，尝试在头会话下添加以下内容。

<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge">
</head>
于 2013-08-09T04:43:57.347 回答
-3

在您的标签之间添加此元<head>标签：

<meta http-equiv="X-UA-Compatible" content="IE=edge">
于 2013-08-09T04:37:44.523 回答