CSSに下記を指定し、背景を半透明にしているのですが、
文字や画像まで半透明になってしまいます。
背景だけ半透明にするにはどうすればよいでしょうか？
filter: alpha(opacity=70);
-moz-opacity: 0.7;
opacity: 0.7;
No.1
427
46
34pt
わたしは、背景画像に透過pngを使ってます。
こちらのサイトで使っている個所を例としてあげます。
（はなまるトーナメント）
このサイトの中央のイメージの下の部分のメニューについて、下記の通り指定しております。
イメージ画像：topImage01.png
白い半調の透過png：hrefSiro05.png
黒い半調の透過png：hrefBk07.png
#topimage{
width:100%;
height:20px;
padding-top:160px;
background:url('img/topImage01.png');
margin-bottom:10px;}
#topimage ul{margin:0 0 0 -10px;}
#topimage ul li{float:left;}
#topimage ul li a{
display:block;
width:78px;
height:18px;
color:#033;
text-align:center;
background:url('../img/hrefSiro05.png');
border: 1px solid #868686;
border-color:#D4D2CF #868686 #868686 #D4D2CF;}
#topimage ul li a:hover{
color:#fff;
background:url('../img/hrefBk07.png');
border-color:#868686 #D4D2CF #D4D2CF #868686;}
透過pngの作り方がわからなければ持っていってもらっても構いません。
参考になれば幸いです。
追伸：ソースに全角スペースが入ってますので使う時は全角スペースを削除してお使いください。
No.3
7110
33pt
通常は、filterは使わずに透過pngを使います。
ただし、透過pngの使い方は、以下のURLを参考にすると良いです。
IE6対応しなければ、普通に使えますが、まだ、若干の間は、IE6対応が必要かもしれません。
1912
1869
1
1
コメント（3件)
http://www.marguerite.jp/Nihongo/WWW/RefCSS/opacity.html
http://builder.japan.zdnet.com/html-css/sp_css-firefox-safari/20367886/
特にこのプロパティには拘りは無いため
別の方法で半透明が出来るなら、お教え頂けますでしょうか？
/*赤で不透明度が60%*/
background-color:rgba(255,0,0,0.6);
/*赤で不透明度が60%、順に色相（0～359）、彩度（パーセント）、明度（パーセント）*/
background-color:hsla(0,100%,100%,0.6);