Question

此菜单无法在任何IE版本中使用。我怎样才能让它运转起来？

我还想添加转换，有没有办法添加它以便从顶部缓慢打开？

#nmenu {width:700px;}
#nmenu, #nmenu ul {list-style:none;padding:0;margin:0;}
#nmenu li {float:left;text-transform:uppercase;margin-left:45px;position:relative;}
#nmenu li.frst {margin:0;}
#nmenu ul {width:100px;display:none;position:absolute;top:30px;}
#nmenu ul li {width:100px;float:left;background-color:rgba(122,202,222,0.5);margin:0;padding:0;}
#nmenu li a {font: bold 11px/30px Tahoma, Geneva, sans-serif;text-decoration:none;color:#939598;}
#nmenu li:hover ul {display:block;}
#nmenu li > ul {top: auto;left: auto;}

Answer 1

我不确定IE与CSS兼容，但我相信它可以使用jquery ...这里是简单的代码：

$('#nmenu li').hover(function() {
    $(this).find('ul').toggle();
});

Answer 2

您没有提供doctype，因此IE会在quirksmode中呈现它。使用有效的HTML5 (<!DOCTYPE html>)或HTML4。转换有点困难，因为您需要特定的值来设置CSS属性的动画。您可以使用opacity为transition: opacity 1s ease设置动画。

另见：

CSS菜单帮助（IE不工作和翻译）

2 个答案: