如何应用 IE10 黑客 ul li 元素的错误显示为 CSS 代码

Question

我在CSS IE10 hack中有问题。

很好的视图。(在IE11上(

IE11

的良好视图

不好的视图。(IE10及以下(

IE10

的良好视图

CSS代码是

.util {float：right;保证金：0自动；边界：0px固体红色；保证金顶：60px;}

.util ul li {float：left;}

和HTML代码是

<div class="util">
                    <ul>
                            <li><a href="/login.php"><img src="/img/new/snb_01.png"></a></li>
                            <li><a href="/register.php"><img src="/img/new/snb_02.png"></a></li>
                            <li><a href="/subpage.php?p=m36"><img src="/img/new/snb_03.png"></a></li>
                            <li><a href="/board.php?bo_table=m31"><img src="/img/new/snb_04.png"></a></li>
                            <li><a href="/board.php?bo_table=m72"><img src="/img/new/snb_06.png"></a></li>
                    </ul>
            </div>

我试图在搜索网络时寻找解决方案。我添加了代码

.util li {display:inline;}

但不起作用..

请让我知道，如何将其应用于IE10-Hack并正确显示。

Answer 1

我建议将display: inline-block添加到.util。如果这无法解决问题，您甚至可以将<ul>包装在<table>元素中。一个很好的例子可以在CSS技巧链接上找到 - 中心列表项目horizathy

Answer 2

首先，您应始终避免出于以下原因避免浏览器黑客攻击：

1. CSS验证可能是不可能的
2. 您的CSS变得更加复杂
3. 您的CSS可能不是未来的范围
4. 很少需要他们

更多信息为什么避免CSS浏览器hack

即使您想要hack，浏览器hacks都具有所有浏览器所需的所有黑客。

for IE10：

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
 // Your CSS
}