dポイントプレゼントキャンペーン実施中！

cssで文字背景を透明化できますか？

解決済

  • 質問者：mck37
  • 質問日時：
  • 回答数：1件

cssで文字背景を透明化できますか？
文字の背景にbackground-colorで色をつけ、その色を透けて見せたいのですが、
わかりません・・。
「-moz-opacity:50；」とか「filter:alpha(opacity=50)；」などで色の透明効果を
出せるとありましたが、ソースをどう記述すればいいのかわかりません。

よろしくお願いしますm(_ _)m

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (1件)

No.1ベストアンサー

  • 回答者： torayoshi
  • 回答日時：

注意点は二つ。


1)半透明にした背景の範囲内はテキストも半透明になってしまう。
2)IE,Firefoxは対応するけど、ブラウザ依存であることには違いない。

一例
<html>
<head>
<style>
.box{
width:350px;
height:50px;
background:#3399ff;
filter:alpha(opacity=30);
-moz-opacity:0.3;
opacity:0.3;
font-size:50px;
color:#000000;
}
</style>
<body background="a.jpg">
<span class="box">
ＡＢＣＤＥＦＧ
</span>
</body>
</html>
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございました。いくつか試しても元々知識がないので・・・
もしかしたらまだ他に方法があるのでは？と納得できないでいました。
そうですか・・文字も透明化されてしまうのですか・・残念です。
ソースまで書いて頂きhtml・css初心者の自分にはとても有難いでした。＾＾

通報する
お礼日時：2010/11/01 10:28

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

関連するカテゴリからQ&Aを探す

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報