Question

出于某种原因，仅在IE中（到目前为止在IE 8上进行了测试，无论是否具有兼容性模式），我访问过的无序列表中的链接在访问后缩进。

http://etech.916networks.com

我的HTML（通过PHP动态生成）：

    <ul>
    <li>
    <a target='_blank' href='http://www.test.com/mylink.html' title='Systems Engineer'>Systems Engineer</a>
    </li>
    <li>
    <a target='_blank' href='http://www.test.com/mylink2.html' title='Validation Engineer'>Validation Engineer
    </a>
    </li>
    </ul>

我的CSS（这里有额外的东西试图让它工作）：

    #latest-updates li {
list-style-type: none;
list-style-image: none;
color: #3c758c;
padding-bottom: 4px;
list-style-position: outside;

    }

    #latest-updates a, a:visited {
list-style-type: none;
list-style-image: none;
list-style-position: outside;
text-indent: 0;
padding; 0;
margin: 0;
    }

    #latest-updates a:hover {
text-decoration: none;
color: #25b6d6;
    }

任何帮助表示赞赏，这让我发疯！谢谢！

Answer 1

我之前遇到过类似的问题，但IE8没有。

尝试重置父元素上的margin和padding，即ul。所以尝试添加： -

ul{ margin:0; padding:0; }

Answer 2

在你认为自己想要的第二个CSS块中。

#latest-updates a, #latest-updates a:visited

否则，您将该样式应用于最新更新中的所有“a”标记以及整个页面上所有访问过的“a”标记。

奇怪的是：在IE8中访问LI元素的行为

2 个答案: