IEだってcss3の機能@簡単角丸できてもいいじゃん!
いつもいつもいつもいつも…IEには泣かされています
世間はcss3だっていうのに、
あんなことやこんなことが可能になったというのに…
この世にIEがいる限り、簡単なソースは許されないっ
でも、楽に角丸(&影とかつけちゃったり)を作りたいので、↓を使ってみました
CSS3 support for Internet Explorer 6, 7, and 8
あとは、cssに↓を書くだけ
.box {
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the ‘box’ class */
}
使いたい時、使いたい場所に class=”box” を入れるだけ♪
ちなみに、IEでの影(box-shadow)はいただけませんでした…個人的に