border-radius
IE8 の CSS 属性で問題が発生しています。Safari、Chrome、FF、および IE9 では、この属性は期待どおりに機能します。ただし、IE8ではそうではありません。
jQuery Corner プラグインの実装に関するいくつかの投稿とコメントを読みましたが、これはあまり成功していません。問題がに適用しようとしているかどうかはわかりません<hr>
。
jQuery Cornerプラグインを使用せずに、CSSだけで角を丸くする方法はありますか?
私のマークアップ:
<span id="title_divider"><hr /></span>
私のCSS:
#title_divider {
position: absolute;
width: 49px;
left: 472px;
top: 64px;
padding-top: 10px;
}
#title_divider hr {
height: 10px;
background-color: #000000;
border: 1px solid black;
border-radius: 7px;
height: 5px;
}