菜单下拉菜单,不显示Internet Explorer中的菜单项 [英] menu dropdown not displaying menu items in internet explorer

查看:132
本文介绍了菜单下拉菜单,不显示Internet Explorer中的菜单项的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

一旦我们在顶部菜单上



Internet Explorer



  .ms-topmenu .ms-label {
float:left;
padding:15px;
color:#fff;
font-size:15px;
opacity:0.9;
filter:alpha(opacity = 90);
outline:none!important;
text-decoration:none!important;
cursor:pointer;
line-height:1.5;
}

编辑

我尝试添加这些代码



< meta http-equiv =Content-Typecontent = html; charset = utf-8>
< meta http-equiv =X-UA-Compatiblecontent =IE = 9; IE = 8/>
但还是没有运气...



console :MEGAMENU未定义在行< !- [if IE 7]> < html lang =zhid =topclass =no-js ie7> <![endif] - >





如果仍有问题,请尝试此

  -ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity = 50); 

这将使Internet Explorer的透明度兼容。


Once we hover on top menu here , it show submenus in dropdown in all browsers expect Internet explorer 8 or 8+ versions.

other browsers

Internet Explorer

.ms-topmenu .ms-label{
    float:left;
    padding:15px;
    color:#fff;
    font-size: 15px;
    opacity: 0.9;
    filter:alpha(opacity=90);
    outline: none !important;
    text-decoration: none !important;
    cursor: pointer;
    line-height: 1.5;
}

Edit

I tried adding these code

<meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=9; IE=8" /> but still no luck....

console : MEGAMENU is Undefined in line <!--[if IE 7 ]> <html lang="en" id="top" class="no-js ie7"> <![endif]-->

解决方案

Works fine.

If still have issues, try this

 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";

This will make opacity compatible on Internet Explorer.

这篇关于菜单下拉菜单,不显示Internet Explorer中的菜单项的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆