CSS3で角丸にする方法は、自分もよく使います。
IEの6~8が確か対応してないのです(汗)
そこで、一技つかいます。
「border-radius.htc」というのを使います。
border-radius.htcでググればDLできます。
これをcssの中にいれます。
1 2 3 4 5 6 7 8 |
div{ -webkit-border-radius: 3px; /* for Safari and Chrome */ moz-border-radius: 3px; /* for Firefox */ -o-border-radius: 3px; /* when Opera Presto 2.3 or later is released */ -khtml-border-radius:3px; /* Linux browsers */ border-radius: 3px; /* CSS3 */ behavior: url(css/border-radius.htc); /* IE用 */ } |
これで角丸対応ができると思います(^^)v
試して見て下さい!