Posted at

Opacity や RBGa を使ってもテキストを透過せずに背景画像のみを透過することはできません

More than 5 years have passed since last update.

できることだけじゃなくて、もっとできないことの共有はされるべきだと思うんですよ。

やりたい事に近いことをしてるサイトは山のように見つかるのにやりたい事自体の情報は見つからない。

結局かなりの時間を検索に費やした結果できない諦めて別の方法を探す、そんな経験ありませんか?

「○○はできません」とはっきり書いてあるサイトが見つかればそこでGoogleさんとの検索の旅を終わらせられるですよ。だからみんなもっと「できないとわかったこと」の共有をしましょう!


前置き終わり

というわけで後はタイトル通りです。

「テキストは透過せずに背景色を透過する」には方法がありますが

「テキストは透過せずに背景画像を透過する」には現時点で背景画像自体を透過しておく必要があります。

何でできないかとか背景色のみの透過方法とかはリンク先をどうぞ。


参考

css - Opacity of background, but not the text - Stack Overflow

http://stackoverflow.com/questions/637921/opacity-of-background-but-not-the-text

html - Change background image opacity - Stack Overflow

http://stackoverflow.com/questions/12605908/change-background-image-opacity