4

我在 IE-9 上遇到了边界半径的问题

在此处输入图像描述

如您所见，它在左边框上创建了一些白色像素。任何想法为什么会这样？

这只发生在 IE 9 上，所有其他浏览器都可以

这是标记：

                    <ul class="tags clearfix">
                        <li>
                            <a href="javascript:void(0)">Etiqueta Uno</a>
                        </li>
                        <li>
                            <a href="javascript:void(0)">Otra etiqueta</a>
                        </li>
                    </ul><!-- tags -->

这是CSS：

#article_sidebar ul.tags li {
    background: #000000;
    list-style: none;
    float: left;
    margin-right: 4px;
    padding: 0px 18px 0px 19px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    line-height: 20px;
    margin-bottom: 4px;
}
4

3 回答 3

1

@fxg 你为什么不也尝试制作一个IE-Only Stylesheet。你可以参考这个来制作一个样式表，它只针对 IE，你可以在那个样式表中给出

li{
    border: 0 none;
}

希望，这对你有用。

于 2013-04-06T10:21:20.647 回答
0

您可以尝试overflow: hidden;为lis 和/或outline: none;为as 设置。

于 2013-03-07T18:18:43.603 回答
0

如果我不得不猜测，我会说这是一个舍入错误。这可能在某些条件下发生，例如当计算值是非终止浮点值（即 - 3.3333333...）时。根据浏览器如何进行舍入，这可能会产生视觉错误，例如您所看到的。

看看你的填充值。注意你的 padding-right 是 18px，右侧没有这个问题，但是你的 padding-left 是 19px？尝试将您的 padding-left 更改为 18px 并查看是否可以解决问题。

另外，尝试将您的边框半径值更改为稍大一些的值，例如 3px 或 4px，看看它是否会发生任何变化。

另外，请确保您没有意外放大。ctrl您可以通过按+来确保重置浏览器的缩放0。

于 2013-03-07T15:11:38.093 回答