タグに関する質問（文字に影をつける）

質問

リンク付きの文字に影をつけたのですが、文字の抜けている部分が押せなくなってしまいました。
えっと、かなりわかりづらいですよね；
例えば「十」という文字を
□□■□□
□□■□□
■■■■■
□□■□□
□□■□□
と現すと、通常なら□の部分も■の部分も押せますよね？
でも影をつけると□の部分は押せなくなってしまうんです；
解決策はあるでしょうか？
タグは
<P style="WIDTH:100%;FILTER:Shadow(color=#335588,direction=120)">
<A href="a.htm">りんく</A>
</P>
といった感じです。

それと、同じ質問に入れるか迷ったのですがテーブルの外枠だけを半透明にする方法もあったらお願いします；

回答No.1

leap_day · ベストアンサー

こんにちは

<a>と<p>の位置を反対にしてやってみてはどうですか？
カーソルがデフォルトになったので　style="cursor:hand;"　を付け加えてみました（＾＾）

<A href="a.htm" style="cursor:hand;">
<P style="WIDTH:100%;FILTER:Shadow(color=#335588,direction=120)">
りんく
</P>
</A>

tableの方はalphaを使えば何とかなるかと思ったけど外枠だけは無理かも？・・・
中身も半透明になるので・・・

border-colorを半透明色の色(薄色)に指定してやるとか・・・
http://book.mycom.co.jp/support/e1/css/p288.html

お礼

ありがとうございますｖ
えっと、リンクにしたい文字がたくさんあるので一括では無理でしょうか；
注文が多くでごめんなさい；

tableの枠はすでに薄い色なのでこのままにすることにします♪；

回答No.2

MAN_MA_RUI

多くのリファラーを求めるのであればそういうfilterの積極的な使用は余りお勧めできません。
FilterはWindows版のIEしか対応しておらず、それ以外の環境で全く効果がありません。
好みで非IE系統のブラウザを使う方から嫌がられますよ。

かといってテキストに直接影を付けるというやり方に代替手段はありませんので、他の装飾効果を用いたり画像化したりすることをお勧めします。

まぁ、IE以外でもバッチリ見られるようにした上でIEユーザーへ特殊効果を提供すると言うのであればアリかもしれませんが…。

> <a>と<p>の位置を反対
アンカーの中にパラグラフを入れるのはHTMLの構造として正しくありません。

お礼

ですか～；
画像なども検討しておきますね；
他のブラウザも使いながら弄ってみます。
ありがとうございましたｖ