先看看非ie下的css是怎样定义的 .menu ul li ul { display: none; } /* specific to non IE browsers */ .menu ul li:hover a { color:#fff; background:#bd8d5e; } /*定义鼠标滑过样式*/ .menu ul li:hover ul { display:block; position:absolute; top:3em; margin-top:1px; left:0; width:150px; }
在非IE下,看到鼠标滑过时候li包含的ul显示了,因为这些浏览器支持li:hover用法
IE下的css .menu ul li a:hover { color:#fff; background:#bd8d5e; } /*当鼠标滑过时li包含的ul显示*/ .menu ul li a:hover ul { display:block; position:absolute; top:3em; left:0; background:#fff; margin-top:0; margin-top:1px; }