2

http://jsfiddle.net/eE4Y2/2/

css を使用して、div の丸みを帯びた角が曲がった錯覚を作成しようとしています。

このかなり単純な html/css が Opera (v.12.10) では奇妙にレンダリングされるのに、chrome と firefox では問題なく表示される理由がわかりません。境界線半径を div に適用すると、境界線内に奇妙なノッチが表示されます (オペラのみ)。例を確認するには、上記の jsfiddle を参照してください。

この場合、Opera で何が起こっているのかについて、修正または少なくとも説明を聞きたいです。

<body>
    <div class="example"></div>
</body>



body 
{
   background-color: gray;
   padding: 50px;        
}

div.example
{
    border-bottom-left-radius: 10px;
    border-color: transparent transparent white white;
    border-style: solid;
    border-width: 30px;
    display: block;
    width: 0;
    height: 0;   
}
4

1 に答える 1