背景を透過するタグについて

質問

こんばんわ。タイトル通り【背景を透過するタグについて】質問があります。よろしくお願いいたします。

<style type="text/css">
<!--
.box1{/*テキストスペース*/
…
…
width : 157px;
background-color : #ffffff;
filter : chroma(color=#ffffff);
}
</style>

と、スタイルシートで色々と指定しております。
このテキストスペースの背後に画像があるので、背景を透かせたく、【chroma】を使って指定した色（白）を透かせましたが、
これだとまったく透明になってしまうので…できれば

<table style="filter:Alpha(opacity=20)">

のように、透過の度合いを指定できるようになりませんでしょうか？
↑テーブルでの透過の仕方しか分からず、上のテキストスペースで同じようなことをしたいのですが…。可能でしょうか？

お手数ですが、宜しければ教えていただけるととても助かります。
お願いいたします。

回答No.3

koutarou504 · ベストアンサー

たぶん背景色のみ透かせたい（半透明にしたい）のでしょうが、なんか無理の様です。
＃１，＃２の方の提示されている方法で、
対象を透かす事が出来ますが、もしそこに文字等他の情報があっても一緒に透けます。
もしそれでよろしければ質問で提示されていますTABLEでの透過の仕方がそのまま他にも使えます。
<div style="filter:Alpha(opacity=20); background-color : #ffffff;
">

それから、背景色だけで文字は透かしたくない場合は、
別の処で文字を記述し、位置指定で重ねるという方法があります。

参考URL：

http://www.tohoho-web.com/css/reference.htm#FilterAlpha

お礼

ご回答ありがとうございました！
すみません、私の質問が言葉足らずだったことがよく分かりました。
ご迷惑をおかけしてすみません。

そうなのです。無理だったんです…。
一緒に透けてしまいますよね；

>別の処で文字を記述し、位置指定で重ねるという方法があります。

こちらの方法をやってみます。
素晴らしいアイディアを教えて下ってありがとうございました！

回答No.5

taseki

> テーブルでの透過の仕方しか分からず

テーブルと同じ方法でＯＫです。

背景だけにAlphaをかけたいなら、ANo.3 の方がおっしゃっているように「半透明の背景」と「文字」の2枚重ねでできますね。

koutarou504さん

> しかし何故 width 指定が必要なのかは不明です

DIVとSPANは高さ、幅、または絶対位置を指定する必要があるのは、仕様のようです。
http://www.microsoft.com/japan/msdn/library/default.asp?url=/japan/msdn/library/ja/jpisdk/dhtml/content/filters.asp

お礼

ご回答ありがとうございました！
色々とご教示下さってありがとうございます。

そうなのです。背景だけにalphaをかけたったもので…。テーブルの方法でやると一緒に透けてしまいました；

>―「半透明の背景」と「文字」の2枚重ねでできますね。

こちらの方法でやってみようと思います。
本当にありがとうございました！

回答No.4

koutarou504

＃３の者ですが追記です。

申し訳ございません。
検証しました処、何故か先に提示した通りでは
うまくいきません。
で、いろいろ検証しているうちに、
width: 100%;
と幅を指定していると実現できました。
幅は100%である必要はありません。
80%など他の値でも出来ました。
しかし何故 width 指定が必要なのかは不明です。

環境は Windows XP SP2 の IE6.0 での検証です。

お礼

再びありがとうございます。

…
width : 157px;

の部分ですよね。
テキストスペースの幅をどうしても必要としていたので。
わざわざ検証までして下さってありがとうございました！

回答No.2

cyokokichi

テーブルではなく、class="box1"を持つタグの範囲を透過したいで良いのでしょうか？

positionやz-index属性を使って画像と文字を重ねて上になった文字が書かれているタグの範囲の背景色を透明にしているけどこれを半透明にしたいと解釈するとそれなら下のサイトで解りやすく解説されています。
http://www.htmq.com/style/filter.shtml

でも、IEではタグの背景はデフォルトで透明になっている気がします。W3Cもスタイルシートの継承の部分でそのように書いてあった気がします。

答えが見当違いならすみません。

お礼

ご回答ありがとうございました！
すみません、皆さんの回答を拝見して、私の質問が言葉足らずだったことがよく分かりました。
ご迷惑をおかけしてすみませんでした。

解説されているサイトをご紹介下さってありがとうございました！
色んなやり方があることを知って驚愕しました。
もちろん透過のことも分かりやすく、とても役立ちました。
ありがとうございました！

回答No.1

quads

alphaで指定できませんでしたか？

お礼

ご回答ありがとうございました！
すみません、私の質問が言葉足らずだったことがよく分かりました。
ご迷惑をおかけしてすみません。

背景色のみを半透明にしたく、＃１さんが仰られた通り、alphaで指定してみたのですが全部透けてしまいまして。
自分の希望通りにはなりませんでしたので；