ダリの雑記：WEBプログラム版

この記事は1年以上前の記事のため、内容が古い可能性があります。

「IEでもCSS3　その２（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」と記述しなければならなかったわけです。

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

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