IE9でグラデーション

モダンブラウザならそのままCSSで。
IE6~IE8はPIE.htcを利用。
IE9はSVGで処理してきたけど、別ファイルを作成するなど、色々手間がかかる。

調べてみると、フィルターを使う方法がよく検索にヒットしたけど、欠点がある。
例えば、ボタンなどでグラデーションを使いたいとき。
フィルターで処理すると、display:blockを指定していても、aタグ内の文字の部分にしかマウスが反応しなくなってしまう。

ので却下。

こちらが良さそう。

SVG Gradient Background Maker

来年のXPサポート終了でIE6もようやく絶滅してくれるが、IE9でさえこの程度のサポート。
IE10はようやくまとも。
でも、問題は古いブラウザを以下に駆逐するか、なんだけどね。
期待するだけ無駄だけど。

シェアする

  • このエントリーをはてなブックマークに追加

フォローする