Question

我正在尝试将内容div的顶部边框与用于上方导航的<li>列表的底部边框对齐（如选项卡式窗格）。在IE中，对齐（或我设置的边距）偏离1个像素。

有没有办法，直接在css中，以便我不必创建一个单独的IE样式表，设置一个条件，将设置边缘为IE的喜好？或者，如果我在IE中关闭1个像素的问题跳出来，我很想听到为什么这样我就可以完全避免IE黑客（我知道我还没有发布任何代码）。谢谢！

Answer 1

是的，有。

.myclass { *保证金：1px; }

这适用于IE6和IE7，你需要任何其他特定版本的黑客吗？

Answer 2

谢尔盖是正确的CSS黑客，检查此页面，看看它的工作原理。 http://www.webdevout.net/css-hacks

另外，尝试这个，它更像是一个2部分设置并涉及一些标记，但是（在我看来）比CSS hacks和IE仅样式表更清晰，更灵活。

在HTML中，添加一个额外的div（每个你想要定位的IE版本的几个）

<body>
<!--[if IE 6]> <div class="IE6"> <![endif]-->
<!--[if IE 7]> <div class="IE7"> <![endif]-->
...
<!--[if IE 7]> </div> <![endif]-->
<!--[if IE 6]> </div> <![endif]-->
</body>

然后在样式表中，您可以添加内联类以定位IE版本。

.className { ... some styles ... }
.IE6 .className { ... some styles to fix IE6 only ... }
.IE7 .className { ... some styles to fix IE7 only ... }

条件样式表有点扭曲，只有条件样式。

IE样式表中的条件

2 个答案: