2

とが<div>ありbackgroundますborder。

私が定義するborder-radius: 10px 0 10px 0と、IEは右上隅と左下隅で境界線を丸くし、他の隅で背景を丸くします。

ですから、正方形の境界線があり、背景が終わりに達していない2つのコーナーと、丸い境界線と背景が突き出ている2つのコーナーがあります。

direction: ltr追加すると修正されると言うべきですが、必要direction: rtlです。

等指定border-top-right: 10pxしても同じです。境界線は間違った角で丸くなります。

4

1 に答える 1

0

その周りのハッキングは重要ですか？

#div1 {
    direction:rtl;
    border:1px solid black;
    background:green;
    border-radius:10px 0 10px 0;
    margin:20px auto;
    width:300px;
    padding:10px;
    -ms-transform: rotate(180deg);
}
:root #div1 {
    direction: ltr \9; /* IE9+ */
}
#div1 > span {
    direction: rtl;
    -ms-transform: rotate(180deg);
}

でテキストコンテンツを囲みます<span>：

<div id="div1">
    <span>some text</span>
</div>
于 2012-09-12T14:52:04.640 に答える