古いブラウザでもCSS3セレクタを使ってWebページをデザインできるようにしてみた(4日目)
IE6 で以下の機能が利用可能になりました。
- alphapng をサポートしました。
- 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 は使いすぎに注意。各ブラウザでレンダリングがかなり異なるので、なかなか使いどころが難しいかも。