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 専用の Stylesheetも作ってみませんか。これを参照して、IEのみを対象とするスタイルシートを作成し、そのスタイルシートで指定できます

li{
    border: 0 none;
}

うまくいきますように。

于 2013-04-06T10:21:20.647 に答える
0

overflow: hidden;for lis および/またはoutline: none;for s の設定を試みることができますa。

于 2013-03-07T18:18:43.603 に答える
0

推測する必要がある場合は、丸め誤差だと思います。これは、計算された値が非終了浮動小数点値 (つまり - 3.3333333...) である場合など、特定の条件下で発生する可能性があります。ブラウザーが丸めを行う方法によっては、表示されているものなどの視覚的なエラーが発生する可能性があります。

パディング値を見てください。padding-right が 18px で、右側にはこの問題はありませんが、padding-left が 19px であることに注意してください。padding-left を 18px に変更してみて、問題が解決するかどうかを確認してください。

また、border-radius の値を 3px や 4px など、少し大きい値に変更してみて、何かが変わるかどうかを確認してください。

また、誤ってズームインしていないことを確認してください。ctrl+を押すと、ブラウザーのズームが確実にリセットされ0ます。

于 2013-03-07T15:11:38.093 に答える