- ベストアンサー
ホームページ作成について（画像に影をつけるfilterに関すること）
画像に立体感とでも言いましょうか、影をつけたいのですが、つけられません！ 自分で調べた結果・・・ <img src="画像のパス" alt="画像の紹介文"style="filter:dropshadow(offx=5, offy=5, positive=1)"> これで画像に影がつけられる！と色々なサイトに書いてあるのですが、影がつきません・・・。 ちなみにパソコン環境は市販の電気屋さんで売ってるノートパソコンとでも思ってください。（Windows）
- Hypocrite_k
- お礼率8% (24/290)
- その他（インターネット・Webサービス）
- 回答数3
- ありがとう数1
- みんなの回答 （3）
- 専門家の回答
関連するQ&A
- CSS Validatorでfilterをエラーにさせないためには
サイトのスタイルシートでfilterを指定しています。 これをW3CのCSS Validator（http://jigsaw.w3.org/css-validator/）でチェックすると、filterの部分がエラーとなってしまいます。 filterの指定は filter: DropShadow(color=gray,offX=1,offY=1); としており、エラーは Parse Error - color=gray,offX=1,offY=1) と表示されます。 これをエラーが出ないように指定するには、どのようにしたらよいのでしょうか。
- 締切済み
- CSS
- 画像に影をつける方法について
・・・・・・・・・・・・ この写真は○○です。 画像 ・・・・・・・・・・・・ ↑ 上記のようなレイアウトになっている「画像部分」に影を付けたくて、あるサイトで見つけた下記の文字を加えてました。 <div style="width: 100%; padding-bottom: 10px; filter: shadow(color=#4d4d4d, direction=135);"> <img src= "http://*******" align="left"> この写真は○○です。</div> 画像部分に影が付くようにはなったんですが、画像横の文字「この写真は○○です。」まで影付きになってしまいました。 画像部分だけに影を付けるには、どうしたらよいのでしょうか。教えてください。
- ベストアンサー
- HTML
- ホームページ作成にあたって（画像が表示されない）
ホームページを作ろうという気になって、本を読んだりネットで調べたりと、色々勉強しました。 さて、最初からつまずいているのですが、画像の表示が上手くいきません。 <img src="～～～" width="～" height="～" alt="～"> ちゃんとフルパスで入力しているのに、プレビューでは画像が「バツ」になっていたりして表示されません。タグにもフルパスにも誤りはないはずなのですが。。。 昔使っていたWindows９８では問題なく出来ていた作業なのですが、ＸＰに変えてからというもの、出来なくなったことが多くなったように思います。パソコンに関してはまったく無知な私ですが、よろしければ何か分かる方は教えてください。お願いします
- ベストアンサー
- Windows XP
- 影付き文字の表示
スタイルシートで <span style="width:100%;filter:blur(add=1,direction=135,strength=20)"> <FONT SIZE="6" COLOR="blue"><B>サンプル</B></FONT></span> のように作成した「サンプル」の文字が以前は影が表示出きていたのに最近表示出きません又、 <div style="width:100%; filter:shadow(color=#666666,direction=135)"> <IMG SRC="images/***.Jpg" ALT="***" WIDTH="240" HEIGHT="180" BORDER="0"></div> で写真に影を付けていたのですが同じように最近は表示出来ません。 何が原因なのでしょうか？ 教えて下さい。
- 締切済み
- その他（インターネット・Webサービス）
- 画像に影をつけたいのですが、
このような画像に影を付けるには どうすればよいでしょうか？ <td><img src="画像" width="180" height="135"></td> </tr> よろしくお願しますm(__)m
- ベストアンサー
- その他（インターネット・Webサービス）
- スタイルシート filter
#title{ background:url('img') no-repeat left top; } として、画面上に画像をひとつ表示させています。 そして、背景色を変えてみようと思いました。 画像に白い色を使ってあるところがあるのですが、 その白い色も、背景色に変えた方が見栄えが良さそうです。 そこで調べたら、 特定の色（白）を透過させるfilterというものがあると分かりました。 例では、<img src="img" style=filter: chroma(color=#ffffff);> となっています。 これを、スタイルシートで出来ないものでしょうか。 ためしに、 background-color: #****; background:url('img') no-repeat left top; filter: chroma(color=#ffffff); としてみましたが、変化ありませんでした。。 どこが違うのでしょうか。 透過処理してしまったほうが良いのでしょうか。 やり方が分からない＆ペイントしかないのでfilterでの方法をお聞きしました よろしくお願いします。
- ベストアンサー
- HTML
- HTMLとＣＳＳ
ＣＳＳで、文字に影をつけようと思っても、プログラムを組んでもうまくいきません。他（ＣＳＳで文字に色をつける）のを組むと、上手くいきますが、影だけが失敗します。 他のＣＳＳが動いたって事は、ＣＳＳの基本は合っているので、多分、 影のＣＳＳタグが間違っていると思います。 使ったタグは下記で。 省略 <STYLE TYPE="text/css"> <!-- .ts1 {text-shadow:3px 3px} .ts2 {text-shadow:red 3px 3px;} .ts3 {text-shadow:red 3px 3px 2px;} --> </STYLE> </HEAD> <BODY> <SPAN CLASS="ts1">text-shadow</SPAN><BR><BR> <SPAN CLASS="ts2">text-shadow</SPAN><BR><BR> <SPAN CLASS="ts3">text-shadow</SPAN><BR><BR> </BODY> </HTML> 上記で失敗したので、このタグもつかいました td { filter:dropshadow (color=red ,offx=3 ,offy=3 ,positive=true) ; } 何処が原因でしょうか？
- ベストアンサー
- その他（プログラミング・開発）
- ■■画像にフィルタータグを使うと画像にゴミが出ます。■■
画像にフィルターをかけるタグ ( <img src="画像" style="filter:alpha(style=2,opacity=100,finishopacity=0)">) を使うと、画像の上に白いゴミのような乱れが出ます。 今までも使っていたタグなので間違いはないはずなのですが、画像を変えるとゴミが出るようになってしまいました。 どなたか原因と対処法を教えて下さい。 宜しくお願いします。
- 締切済み
- Windows XP
- 画像切り替え
<div> <img src="image1" alt="" width="300" height="300" /><br /> <img src="image1" alt="" width="80" height="80" /> <img src="image2" alt="" width="80" height="80" /> <img src="image3" alt="" width="80" height="80" /> <div> 下の小さい画像にマウスが乗ったら、上の大きい画像に表示させたいのですが、どのように組んだらよろしいでしょうか、よろしくお願いいたします。
- ベストアンサー
- JavaScript
- HDMIケーブルのイーサネット対応版の目的とは？
- ELECOMさんなどから発売されたイーサネット対応ウルトラハイスピードHDMIとは何か？
- なぜHDMIケーブルにはイーサネット信号の双方向通信を可能にする配線が加えられたのか？
補足
<head></head>間には何もありません！ 何を入れたらいいのでしょうか？