ＨＴＭＬ・ＣＳＳ・背景画像半透明化

body背景画像を活かしつつ、もう一枚の画像を前に持ってきて、透けさる
方法

皆様お忙しい中、申し訳ございません。
今、ホームページを作成中でして、body背景に画像を持ってきて、その上に
文章を持ってきたら文章がはっきりしないので、背景画像を活かしつつ文章の前に半透明化の＃000000を７０％位の濃さで残し、これはたぶんＦＬＡＳＨだと思いますが、この様な感じで、（黒い透けた真ん中画像）
http://store.honeyee.com/製作したいと思っております。
（ＨＴＭＬ、ＣＳＳで）
ＣＳＳではこの様な形でやってみたんですが、bodyより上の画像がすべてすけてしまいレイアウトできませんでした。
filter:alpha(opacity=43);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
ＧＩＦ、ＰＮＧの文字周りの透過ではなく一枚のイメージの透過を教えて
下さい。
宜しくお願い致します。

No.2 回答者： SAYKA 回答日時： 2009/09/17 00:33

そのcssの適用範囲がよくわからないけれど、それを画像だけに限定すると良いんじゃない？

imgでやってるならimgのclass指定限定とかにすると良いんじゃないかな。

質問文に書いてあるcssをくくっている部分も書いたら
どうしたら適切か教えてくれる人が出るかも

この回答への補足

迅速なご対応ありがとうございました。
imgでやったらclass限定で出来ました。

補足日時：2009/09/17 02:10

この回答へのお礼

助かりましたありがとうございます。

お礼日時：2009/09/17 02:13

No.1 回答者： salonpath 回答日時： 2009/09/17 00:32

>一枚のイメージの透過

一枚のイメージに、
filter:alpha(opacity=43);
-moz-opacity:0.5;
-khtml-opacity: 0.5;
opacity: 0.5;
を指定すればいいのでは？


>bodyより上の画像がすべてすけてしまい
どこに指定してるんですか？？

この回答への補足

ありがとうございます。
おっしゃる通りですね助かりました。
ただその上にメニューと動画を載せようとしたんですが、
floatなどしか重なり回避手段しか分からず、
どのようにしたらその画像の上に載せられるでしょうか。
今制作しているのは、フルサイズで、リキッドレイアウト？なのですが、position？relative absolute fixなどのやり方がいまいち全体像がつかめず、分かりません。
{text-indent:-9999px;}などつかって絶対位置にするとか<h1><h2>とか<img>にどのようにタグをうち、cssでどう書いたら良いでしょうか。
出来ましたら、教えて下さい。

補足日時：2009/09/17 02:37

この回答へのお礼

皆様迅速なご対応ありがとうございます。もうちょっと勉強します。
すいません夜分遅くにありがとうございます。

お礼日時：2009/09/17 02:40