- 締切済み
■■画像にフィルタータグを使うと画像にゴミが出ます。■■
画像にフィルターをかけるタグ ( <img src="画像" style="filter:alpha(style=2,opacity=100,finishopacity=0)">) を使うと、画像の上に白いゴミのような乱れが出ます。 今までも使っていたタグなので間違いはないはずなのですが、画像を変えるとゴミが出るようになってしまいました。 どなたか原因と対処法を教えて下さい。 宜しくお願いします。
- stephen-fung
- お礼率61% (11/18)
- Windows XP
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- nobuendo
- ベストアンサー率47% (182/384)
テストしてみました。 結果、画像によってゴミ（ドット二個分）が表示されるものと、そうでないものとがありました。 ゴミが表示される画像も解像度を変えることで、消えました。 ちなみに、解像度を一旦変えて、又元の解像度に設定し直しても、ゴミは表示されませんでした。 原因はわかりませんが、解像度をいじることで、ゴミを消すことが出来ると思われます。
関連するQ&A
- Ａｌｐｈａフィルタについて
こんにちは。質問させてください。 現在、alphaフィルタを使って、画像の背景を半透明にしたいと思っているのですが、どうしてもできません。 （確認はie6.0でも5.5でも行っています） ソースはタグ辞典を見ながら、下のようなものを組みました。 どこか間違っているでしょうか？ お教え頂ければうれしいです。 よろしくお願い致します！ <html> <head> <meta http-equiv="Content-STYLE-Type" content="text/css; charset=Shift_JIS"> <title>無題ドキュメント</title> <style type="text/css"> <!-- .alpha1{ filter:progid:DXImageTransform.Microsoft.alpha(style=2,opacity=100, finishopacity=40); } .alpha2{ filter:progid:DXImageTranceform.Microsoft.alpha(style=2,opacity=100, finishopacity=0); } --> </style> </head> <body bgcolor="#FFFFFF" text="#000000"> <img src="/jsg41044.jpg" width="700" height="466" class="alpha2"> </body> </html>
- ベストアンサー
- CSS
- 画像のスムーズなフェードイン方法
このスクリプトではなんか動きがぎこちないのですが、スムーズに変化させるには、どう変更すればいいのでしょうか？ <SCRIPT language="JavaScript"> var roopcount = 0; function myfadein(i){ if ( roopcount >= 0){ fade.filters(0).Opacity = 10*roopcount; fade.filters(0).FinishOpacity = 10*roopcount; roopcount++; setTimeout("myfadein(roopcount)",200);} } </SCRIPT> </head> <body bgcolor="#000000" onload="myfadein()"> <CENTER> <IMG id=fade style="filter:Alpha(Opacity=0,FinishOpacity=0, style=2,StartX=0,StartY=0,FinishX=420,FinishY=350)" src="014-2.gif" border=0"> </CENTER> </body> 宜しくお願いしますm(_ _)m
- ベストアンサー
- CSS
- CSSで背景にグラデーション
お世話になります。 CSSを用いて背景にグラデーションをかけようと苦心しています。 filter:alpha(opacity=100, finishopacity=0, style=1); で、グラデーションはかかるのですが、 そのタグ内の文字までグラデーションがかかってしまいます。 また、この方法ですと、Firefoxでは、グラデーションがかかりません。 Yahooのページ http://www.yahoo.co.jp/ では、背景画像を使わないでグラデーションをかけていると思うのですが、どのようにすればこのようなことができるのでしょうか。 よろしくお願いいたします。
- ベストアンサー
- HTML
- a:hover img.●●について
お問い合わせフォームの送信ボタンを画像にして、 ロールオーバーイメージ風に画像ボタンにカーソルを 合わせると光るようにしたいのですが、うまくいきません。 ご教示いただけたら、助かります。 【以下cssタグ】 a:hover img.over { opacity: 0.6; filter: alpha(opacity=60); -ms-filter: "alpha( opacity=60 )"; } 【以下htmlタグ】 <div class="over"> <p><input type="image" src="http://●●/images/button.gif" alt="送信する" width="177" height="42"></p></div>
- ベストアンサー
- CSS
- tableを半透明にする件
tableを個別に透明にする設定などはわかったのですがテーブルの中身 の文字や画像まで透明になるのを防ぐ方法はないでしょうか？ 返信お待ちしています。 <STYLE TYPE="text/css"> <!-- TABLE{filter:Alpha(opacity=50);} --> 個別に下記タグで透明度を設定しています。 </STYLE> style="filter:Alpha(opacity=50);"
- ベストアンサー
- JavaScript
- a:hoverの下線指定が反映されない
htmファイルのheadタグ内に以下のようなCSSの記述をしていますが、なぜかa:hoverのunderlineの部分だけが反映されません。 <style type="text/css"> <!-- img { vertical-align: bottom; } img { border-style:none; } a:hover img{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: “alpha( opacity=80 )”; } a{ text-decoration:none;} a:hover { text-decoration:underline;} --> 当方初心者でして詳しい方にご教授いただきたいです。 宜しくお願いいたします。
- 締切済み
- HTML
- styleタグとbodyタグの関係について分かりません・・・
スタイルシートの中にbodyを入れた場合、</html>の前に</body>は必要でしょうか？それとも不要でしょうか？ 下記のタグはマウスオーバーで画像の濃さを変えるようにしたかったため、サイトより転用しました。 スタイルの中にbodyタグを入れる意味はどういった利便性がありますか？ <style type="text/css"> <!-- body { margin-left: 2em; margin-right: 2em; style: overflow-x:hidden; color: black; background: #FFFFFF; } a:link { color: blue; } a:visited { color: purple; } h1 { font: bold 1.5em Verdana; } a img { filter: Alpha(Opacity=100); -moz-opacity: 1.5; border-style: none; } a:hover img { filter: Alpha(Opacity=50); -moz-opacity: 0.5; } --> </style> ご存知の方教えてください！
- ベストアンサー
- HTML
- 画像のURL
<img src="画像のURL" style="filter:progid:DXImageTransform.Microsoft.Pixelate(maxsquare=数字)"> このHTMLタグは絵にモザイクチックな加工するようなんですが で、このHTMLタグを使いたいんですが 画像のURL ってどういう意味ですか？ 詳しく教えてください。
- ベストアンサー
- その他([技術者向] コンピューター)
- スタイルシートで...
スタイルシートでtableもしくはtdタグの背景色を1～100の間で透明にしたいのですが、 その記述方法を忘れてしまったのですがご存じの方いましたらタグをお教えください。 filter:Alpha(opacity=10)←のようにdiv,spanでやってみましたがだめでした。 有名なサイトなどでさがしましたがimgとfontはあるのですがtableの背景色の設定については さがすことができなかった為投稿します。
- ベストアンサー
- CSS
- 続き] divの背景画像を、徐々に表示させるには？
トップページの２つのdivボックスの背景画像を、徐々に表示されるようにするjavascriptを作って頂いたのですが、リピートをやめる方法を御教えいただくのを忘れてしまいました！ （http://oshiete1.goo.ne.jp/qa3921804.html） リピートをとめるには、下記ソースをどのようにすればよろしいでしょうか？ ------------------------------------------------------------ fade.js ------------------------------------------------------------ var after = 10; // 秒数を指定 var tid1; var tid2; window.onload = function () { fdi2(); tid2=window.setInterval("fdi2()", after*1000); }; function fdi2() { var img1 = document.getElementById("limg"); img1.style.visibility = "visible"; fadeIn("limg", 0); var img2 = document.getElementById("rimg"); img2.style.visibility = "visible"; fadeIn("rimg", 0); } function fadeIn(imgId, opacity) { if (opacity <= 100) { setOpacity(document.getElementById(imgId), opacity); opacity += 10; tid1=window.setTimeout("fadeIn('" + imgId + "'," + opacity + ")", 80); } else { window.clearTimeout(tid1); } } function setOpacity(img, opacity) { img.style.filter = "alpha(opacity:" + opacity + ")"; img.style.KHTMLOpacity = opacity / 100; img.style.MozOpacity = opacity / 100; img.style.opacity = opacity / 100; }
- ベストアンサー
- JavaScript
