古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた(4日目)

IE6 で以下の機能が利用可能になりました。

  • alphapng をサポートしました。
    • <img src="*.png"> や <input type="image" src="*.png"> で αチャネルを持つ PNG 画像を透過表示します。
    • <div class="alphabg" style="background-image: url(*.png)"> のように class に "alphabg" が設定されている PNG 画像を透過表示します。
  • max-width をサポートしました。
    • <div class="maxmin" style="max-width: 120px"> のように class に"maxmin" が設定されているブロックレベル要素や table-cell 要素のサイズ制限が機能するようになりました。
    • max-width のほかにも、min-width, max-height, min-height が使えます。


制限事項

  • alphapng
    • 背景画像の background-position, background-repeat はサポートしません。重くなるので削りました。
    • 画像ファイルを動的に変更しても自動的に追従しません。重くなるので削りました。
  • max-width
    • かなり重い処理なので、ご利用は計画的に。

反省会

  • max-width は使いすぎに注意。各ブラウザでレンダリングがかなり異なるので、なかなか使いどころが難しいかも。