Question

此CSS在Firefox中完美运行，但在IE8中无效。

.toc {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent none repeat scroll 0 0;
    border:black 1px solid;
    color:white;
    max-height:50%;
    max-width:25%;
    overflow:auto;
    padding:10px 10px 10px 0;
    position:fixed;
    right:20px;
    top:40px;
}

.toc li { color:black; list-style-type:circle; margin:5px 0;}

IE8不是右侧的浮动菜单，而是将菜单渲染为页面顶部的第一段。我的错在哪里？

更新

相关的HTML：

<div class="toc">
<ul>
<li><a href="#toc_1">DOCS</a></li>
<li><a href="#toc_2">TODO</a></li>
<ul>
<li><a href="#toc_2.1">Vorlagen</a></li>
<li><a href="#toc_2.2">Taeglich</a></li>
<li><a href="#toc_2.3">ADVARIS</a></li>
<li><a href="#toc_2.4">CRM</a></li>
<li><a href="#toc_2.5">QIS</a></li>
<li><a href="#toc_2.6">SAP</a></li>
<li><a href="#toc_2.7">Verschiedenes</a></li>
</ul>
<li><a href="#toc_3">URLs</a></li>
<ul>
<li><a href="#toc_3.1">Dev</a></li>
<li><a href="#toc_3.2">NEWS</a></li>
<li><a href="#toc_3.3">Vim</a></li>
</ul>
</ul>
</div>

Firefox-Screenshot

IE-Screenshot

Answer 1

根据Gaby的规定，当我在Quirk的模式下切换IE渲染时，我相信我看到了你的问题。检查你的Doctype以及其他可以通过你进入Quirk模式的事情，这可能是造成这个问题的原因。

用IE8浮动菜单css问题

1 个答案: