| ブログトップ | CSS関連 |

PIEで「Multiple background images」

IEでもCSS3 その2(PIE)」で「Multiple background images」のやり方がわからないと書いたのですが、ようやくやり方がわかりました。サンプル

PIEにて「Multiple background images」を実行させる方法は以下の通りです。

.multiple_box{
background-color:#FFFFFF;
width:640px;
height:480px;

/*Firefox等用*/
background:
url(img/Winter.jpg) no-repeat top left,
url(img/Waterlilies.jpg) no-repeat center center,
url(img/Blue_hills.jpg) no-repeat 100% 100%;

/*PIE用*/
-pie-background:
url(img/Winter.jpg) no-repeat top left,
url(img/Waterlilies.jpg) no-repeat center center,
url(img/Blue_hills.jpg) no-repeat 100% 100%;

behavior: url(PIE.htc);
}

「background」ではなく「-pie-background」と記述しなければならなかったわけです。

グラデーションの記述方法にヒントがあったのに、今の今まで気づかなかったのは我ながらアホとしか言いようがありませんが、とりあえず解決!

サンプル [新しいウィンドウで開く]

日々の生活にhappyをプラスする|ハピタス

このエントリーをはてなブックマークに追加

LINEで送る

nandani | 2010年11月10日 | コメント(1) | トラックバック(0) | CSS関連

トラックバック

トラックバックURL

コメント一覧

1. Posted by ブランドコピー代引き   2017年08月03日

パネライブランドコピー
注文特恵中-新作入荷!-価格比較.送料無料!
主要取扱商品 バッグ、財布、腕時計、ベルト!
オークション、楽天オークション、売店、卸売りと小売りの第一選択のブランドの店。
信用第一、良い品質、低価格は 私達の勝ち残りの切り札です。
当社の商品は絶対の自信が御座います。
おすすめ人気ブランド腕時計, 最高等級時計大量入荷!
N品質シリアル付きも有り 付属品完備!
以上 宜しくお願い致します。

コメントする

※メールアドレスが公開されることはありません。

名前 *
メール*
URL
Copyright(c) 2010 - 2017 ダリの雑記