CSS3×PIE.htc の記述ルール | チーフコーダーのCoding Memo | Webcoding.jp
前回の記事 で触れたjavascript (.htcファイル)「PIE.htc」。 今回はそのCSS3 PIE の記述ルールの備忘録。 まずは現時点で無難にクロスブラウザで使えるスタイルのおさらい。 ・border-radius（ボックスに角丸をつける） ・box-shadow（ボックスに陰影をつける） ・border-image（境界線に画像を使う） ・multiple background images（背景に最大４つの画像を使用できる） ・linear-gradient as background image （背景にグラデーションをつける） 基本の記述。 セレクタ { CSS3プロパティ : 値 ; CSS3プロパティ : 値 ; CSS3プロパティ : 値 ; : ; : ; position: relative; behavior: url(“/PIE.htc”); } ※ f
CSS3×PIE.htc の注意点 | チーフコーダーのCoding Memo | Webcoding.jp
一部のCSS3をIE6.7.8で機能させる為の便利 javascript (.htcファイル)「PIE.htc」の注意点。 ・border-radius（ボックスに角丸をつける） ・box-shadow（ボックスに陰影をつける） ・border-image（境界線に画像を使う） ・multiple background images（背景に最大４つの画像を使用できる） ・linear-gradient as background image（背景にグラデーションをつける） CSS3の中でも、実務にも無難に、クロスブラウザでも問題なく動作する、上記リストのスタイルを IE6.7.8 でも機能させてくれる「PIE.htc」。 使い方としては、CSS3 PIE: CSS3 decorations for IE からファイルをダウンロード、その中の「PIE.htc」ファイルのみを適宜アップロード。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
