CSSでリンクテキストの背景色を透過させたい

質問

こんにちは。
検索してみたのですが、「背景色をつける」方法は数あれど、「透過させる」
方法は見つかりませんでしたので質問します。

ボックスの背景に青色グラデーションがかかっています。
このボックスの中に書いたテキストの一部に、リンクを貼りました。
ブラウザで確認すると、リンクテキスト部分の背景だけ、白くなっています。

通常のリンクは

a{ text-decoration: underline; color: #333399;}
a:link{ text-decoration: underline; color: #333399;}
a:visited{ text-decoration: underline; color: #333399;}
a:active{ text-decoration: underline; color: #333399;}
a:hover{ text-decoration: underline; color: #99ccff;}

と指定してますので、テキストリンクはオンマウス時だけテキスト色が
変わるようになっています。で、これを強引に透過できないか？と思い

a{ text-decoration: underline; color: #333399; background-image: url("../img/spacer.gif");}
a:link{ text-decoration: underline; color: #333399; background-image: url("../img/spacer.gif");}
a:visited{ text-decoration: underline; color: #333399; background-image: url("../img/spacer.gif");}
a:active{ text-decoration: underline; color: #333399; background-image: url("../img/spacer.gif");}
a:hover{ text-decoration: underline; color: #99ccff; background-image: url("../img/spacer.gif");}

↑などということをやってみましたが、効果はありませんでした。
できる・できない、どちらでも構いませんので、ご存知の方がいらっしゃいましたらご教授願います。

回答No.1

noname#20941 · ベストアンサー

>ブラウザで確認すると、リンクテキスト部分の背景だけ、白くなっています。

グラデーション背景でリンクテキストを作っても、背景が白くなることはないと思うのですが……

ソースを全部見ていないので、ハッキリしたことは言えませんが、他の部分でリンクテキストの背景を別に指定してしまってるということはないでしょうか。

お礼

ありがとうございます！
やはりおっしゃるとおりそのものズバリでした。（汗
助かりました～。

補足

早速の回答ありがとうございます！
回答を読んでいて「えええ！まさか！」と思いつつ・・・。
ちょっとソースを確認したら、ありました・・・。白色が・・・。
明日職場で修正してみます。

それのせいだという気がにわかにしてきました。
一応明日確認して、直り次第お礼しにまいります！一応、補足でコメントしておきます。
ありがとうございました～（でも恥ずかしくて情けない・・・）