dataスキームはIE6・7は未対応。IE8から対応した。
グラデーション画像は、cyokodogさんが作った生成ツールが便利そう。
IEはfilterにより表現されるのでIEでも表示できる。
- 縦のグラデーション Gradient CSS Generator
- 横のグラデーション Gradient CSS Generator
- 参考:画像を使用せずCSSのみで、クロスブラウザでグラデーションを実現する方法 ノウハウ(Tips)[okyuu.com]
画像ファイルからdataスキームを生成したい場合は[JavaScript] dataスキームURI生成(画像データのBase64変換)が便利そう。
その他の場合でかつHTML5のcanvasで描けるような図形の場合、toDataURL() メソッド - Canvasリファレンス - HTML5.JPを参考にしならが自分で作る。
0 件のコメント:
コメントを投稿