私は次の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 ドキュメント モードで動作させるにはどうすればよいですか?