web拍手からのメッセージいつもありがとうございます。
昨日ある方から質問があったのですが、どこに返してよいやらわからないので記事に書かせていただきます。
質問:dropsのように記事部分(content)部分の半透明化はどのようにしてらっしゃるのでしょうか?
答え:ただ単に背景画像を作る時に透明化しているように作っただけなのです。(汗)
簡単に作成する手順を説明すると(ソフトにより用語や方法が違いますが・・・)
1. まず背景画像を用意する。(幅1000pxとします)
2. 次に背景より上にレイヤーを作る。
3. レイヤー側でコンテンツ全体幅分(780px)を選択して白く塗りつぶす。
4. レイヤーの不透明度を調節(80%)して保存。
といった具合です。一例なのでお好みで調節して作ってみてください。
あと画像を作らなくてもCSSを指定するだけでも透明化(透過)することは可能なので書いておきますね。
#container{ }の中(サイドバー部を透過しない場合は#content{ }の中)に
filter:alpha(opacity=85); /* IE用 */
-moz-opacity:0.85; /* Mozilla用 */
-khtml-opacity:0.85; /* KHTML用 */
opacity:0.85; /* Safari用 */
background:#fff; /* 背景色 */
と追加して保存後、CSSの再構築を行なって確認してみてください。
ただこれは背景画像だけでなくテキストや他の部分まで透過されてしまいます。
またOperaやmacIEでは効果がないので注意が必要です。
質問された方こんな感じでよろしいでしょうか?