SQLの窓

2011年01月13日


-ms-transform と filter: の rotation を同時に使うと IE9(Platform Preview 7) が異常終了しました

あいうえお
§ ± ÷ Е Э
文字単位の回転 CSS をテストして発生しました。
結局、IE専用 の条件コメント(バージョン ベクタ) を使って以下のように記述します
<style type="text/css">
.rotation270 {
	/* 回転 : cos sin -sin cos : Y軸下向きが正 */
	-moz-transform:matrix(0, 1, -1, 0, 0, 0);
	-webkit-transform:matrix(0, 1, -1, 0, 0, 0);
	-o-transform:matrix(0, 1, -1, 0, 0, 0);
	-ms-transform:matrix(0, 1, -1, 0, 0, 0);
	transform:matrix(0, 1, -1, 0, 0, 0);
	display: inline-block; 
}
</style>
<!--[if lte IE 8]>
<style type="text/css">
.rotation270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
}
</style>
<![endif]-->

あいう<span class="rotation270">▲</span>えお
<span class="rotation270">★</span>
<span class="rotation270">〒</span>
<span class="rotation270">§</span>
<span class="rotation270">±</span>
<span class="rotation270">÷</span>
<span class="rotation270">$</span>
<span class="rotation270">?</span>
<span class="rotation270">Е</span>
<span class="rotation270">Э</span>
IE9(Platform Preview 7) では、ALT-9 で IE9 のドキュメント
モードに強制変更する必要があります。


【IEの最新記事】
posted by lightbox at 2011-01-13 13:07 | IE | このブログの読者になる | 更新情報をチェックする
バッチ処理

Microsoft Office
container 終わり

フリーフォントで簡単ロゴ作成
フリーフォントでボタン素材作成
フリーフォントで吹き出し画像作成
フリーフォントではんこ画像作成
ほぼ自由に利用できるフリーフォント
フリーフォントの書体見本とサンプル
画像を大きく見る為のウインドウを開くボタンの作成

Android SDK ポケットリファレンス
改訂版 Webデザイナーのための jQuery入門
今すぐ使えるかんたん ホームページ HTML&CSS入門
CSS ドロップシャドウの参考デモ
PHP正規表現チェッカー
Google Hosted Libraries
cdnjs
BUTTONS (CSS でボタン)
イラストAC
ぱくたそ
写真素材 足成
フリーフォント一覧
utf8 文字ツール
右サイド 終わり
base 終わり