我有以下CSS:
<style type="text/css">
#menu {
position: fixed;
right: 0;
top: 50%;
width: 8em;
margin: -2.5em 0 0 0;
z-index: 5;
background: hsla(80, 90%, 40%, 0.7);
color: white;
font-weight: bold;
font-size: large;
text-align: left;
border: solid hsla(80, 90%, 40%, 0.5);
border-right: none;
padding: 0.5em 0.5em 0.5em 2.5em;
box-shadow: 0 1px 3px black;
border-radius: 3em 0.5em 0.5em 3em;
}
#menu li { margin: 0 }
#menu a { color: inherit }
/* Make menu absolute, not fixed, on IE 5 & 6 */
#menu { position: absolute }
*>#menu { position: fixed }
p.stb { text-indent: 0; margin-top: 0.83em }
p.mtb { text-indent: 0; margin-top: 2.17em }
p.ltb { text-indent: 0; margin-top: 3.08em }
</style>
我在我的 HTML 代码中使用了以下内容:
<ul id=menu>
<li><a href="#L384">Section 1</a>
<li><a href="#details">Section 2</a>
<li><a href="#FAQ">Section 3</a>
</ul>
它不能在 IE 9 Quirks 文档模式下工作。但是,当我更改为 IE 9 标准文档模式时,它可以完美运行。
如何使我的上述代码在 IE 9 Quirks 文档模式下工作?