CSS/背景画使用時のメインコンテナ左右のデザイン

タイトルが不明瞭で申し訳ありません。

添付画像を見ていただくと分かるかと思うのですが、
背景が無地ではなく、画像を使用している場合に
メインコンテナーの左右に画像のような効果を付けたい場合は
左右部分に使用する背景用画像を透過し、pngで保存して使用すれば
いいのでしょうか？
単にシャドーをつけるのではなく、こういった紙をちぎったような効果を出したいのですが…。

IEで透過は見れないなどと色んな所で見たのですが
一般的にpngの透過画像は使わない方が良いのでしょうか？
初心者故おかしなことを言っていたらすみません…。

添付画のようなデザインにするには
どのような方法があるのかご助言を頂けたら幸いでございます。
宜しくお願いします。

※添付画のサイトは現在工事中のようで、ソースが見れませんでした。

※添付画像が削除されました。

No.1 ベストアンサー 回答者： noris02 回答日時： 2011/02/11 21:55

2枚の画像(gifでも pngでも)を、重ね合わせて

背景表示しているんだと思いますよ。

body{background:url(下の背景画像 2000pxくらい × 高さはご自由);}
.wrap{background:url(コンテンツの背景画像 コンテンツの幅 × 高さは自由)で 背景画像を真ん中に設置;}

この回答へのお礼

遅くなりましたがありがとうございました。

お礼日時：2011/05/16 21:37