マスク文字に影をつけるとき、下の部分の影が表示されません。

0   名前： るーち ： 2006/07/05（水） 16:01  ID:IqRIJCqB
普通の文字に影をつけるのなら幅や高さを変えれば表示されるようになるのですが、
マスク文字のような透明・不透明を反転させた文字はそれではうまくいきませんでした。
そして試行錯誤しても表示されるようにはできなかったのでどうすればいいですか？

↓がそのタグです。
<span style="width:100%;filter: mask(color=#ff6666)dropshadow(color=#006600,offx=2,offy=2,positive=1)dropshadow(color=#000066,offx=2,offy=2,positive=1);"><font size=7>●▲■</font></span>
1   名前： あの ： 2006/07/05（水） 16:01  ID:lKHRzitM
透明なもの＝存在がないものに影をつけるのは無理なのでは？
だから不透明になってる部分（バックの#ff6666の色の部分）の影が出ることになるのかも・・・

四角い#ff6666の色の紙に、はさみか何かで
文字の部分を切り抜いた状態だと思えばわかりやすい気がします
2   名前： あの ： 2006/07/05（水） 16:01  ID:lKHRzitM
あ、ついでにですが…
今の状態でも、文字の部分がへっこんで見えてなかなか斬新では？

…しかし重要なことに、filterはIE依存のものです

その他のブラウザでは、#ff6666の色の部分も、影ももちろん表示されず
「●▲■」しか見えないので無意味です

それでもいいならいいのですが
その場合、対応してないブラウザ向けに
文字の色は見やすい色にしておくことをオススメします
3   名前： るーち ： 2006/07/05（水） 16:01  ［URL］  ID:IqRIJCqB
ありがとうございます〜。
おお斬新ですか、これは使ってみましょう！
今思いましたがBODYに影をつけたらできるかも？

でもfilterがIEにしか効果がないのは知りませんでした・・・。
一覧へ戻る