- ベストアンサー
ウェブページ上での透過画像
透過GIFが主流であった昔に比べ、現在は透過PNGやCSSを使ったフィルターなどの新技術が出てきてはいますが、それぞれ実用可能なほど浸透しているのでしょうか? 不特定多数の人が見るウェブサイトで、IE、Firefox、Safariの3つで正しく表示できるようにしたいと考えています。
- みんなの回答 (2)
- 専門家の回答
関連するQ&A
- IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか?
IEブラウザはpngの透過画像は透過にならないのが仕様でしょうか? IE6でpngの透過画像を表示させると、透過になっていませんでした。 FireFoxやサファリは透過になります。 仕方がないので、画像をgifの透過にしましたが、 このようにブラウザによって、gif, jpeg, pngの仕様は異なりますか? もうIE6は見捨てたくなります。
- ベストアンサー
- CSS
- 透過pngとie6について
ウェブの職業訓練に通っております。 現在課題製作中で、透過pngもしくはcssのアルファ?記述で画像を透明にしようと思っています。 色々調べて、透過pngにさらに opacity:0.7; filter: alpha(opacity=70); /* ie lt 8 */ -ms-filter: "alpha(opacity=70)"; /* ie 8 */ -moz-opacity:0.7; /* FF lt 1.5, Netscape */ -khtml-opacity: 0.7; /* Safari 1.x */ zoom:1; というcss記述を加えてあります。 また、unitpngfix.jsへのリンクも貼りました。 自分のパソコン(mac,safari)ではどちらもきいていて、透過pngの画像がさらに薄く表示されています。 彼のパソコン(win,IE6.6)で見たところ、どちらかがきいていません。 が、透過はされています。(不透明にはなっていないです。) 結果的には、どっちかがきけばOKなのですが、 この状態で大丈夫でしょうか?全てのブラウザに対応出来ますか? よろしくお願い致します。
- 締切済み
- CSS
- IE6のPNG透過
こんばんは どなたかわかりましたら押してください。 現在pngの透過をIE6で見れるよう試行錯誤してるのですが、 どうも上手くいきません。 只今こんな感じです。 以下CSS==================== #navi_layer { width: 100%; height: 50px; margin: 0px 0px 10px 0px; padding: 0px; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='絶対パス指定.png',sizingMethod='crop'); background-image: url(絶対パス指定.png); background-repeat: repeat-x; } 以上CSS==================== このnavi_layerの背景を透過させて、 その上にイメージを載せようと思っています。 現段階では透過テストだけしているので、 イメージはまだ載せていません。 その状態で透けてくれない状態です。 使用している保存形態はPNG-24です。 IE7やFirefoxでは透過を確認できています。 なのでいけるかと思ったんですが… どなたか教えてください>< 宜しくお願いします。
- ベストアンサー
- HTML
- 透過GIFか透過PNGを作りたいのですが…
VisualBasic 6 + Windows XP でプログラミングをしております。 PictureBox 上に作画された画像の,特定の色を透過色として設定し,透過 GIF か透過 PNG にてファイルに保存したいと思います。 具体的にはどのような方法(恐らく dll などが必要なのではないかと思いますが)がありますか? どうぞ,宜しくお願いいたします。
- ベストアンサー
- Visual Basic
- ウェブ作成でのブラウザ対応
ドリームウィーバーでウェブサイトを作成してるのですが、FireFox・IE6・IE7・Safariといった現在主流のブラウザで、レイアウトが大幅に型崩れしないような手法や鉄則がありましたら教えてください。
- ベストアンサー
- ホームページ作成ソフト
- iframeの透過
フレーム内の背景が透けて見えるようにpng画像を使用したのですがIEでは全く透過されません(firefoxではうまく透過されます) 出来ればIE6以上で透過できるようにしたいのですがどなたか分かる方みえないでしょうか? <td height="308" colspan="8" background="背景画像.jpg"><iframe src="フレーム画像.png" width="530" height="268" scrolling="yes" frameborder="0" style=" background-color:allowTrdansparency="true"></iframe></td>
- 締切済み
- HTML
- テーブル背景のpng画像を透過したい
テーブルの背景に透過部分を含んだpng画像を設定して、その上に文字を載せたいと考えています。簡略化した現在のタグは以下です。 <table> <tr> <td background="(png画像URL)"> ここに文字 </td> </tr> </table> 通常だとこれで良いのですが、このpng画像は透過部分を含んでいます。(ちなみにpng-24です) WindowsのIE7.0だと正常に透過されるのですが、IE6.0や他のブラウザですと透過部分が青白く浮かび上がってしまいます。 私はIE6.0でも透過されるように表示させたいのです。 欲を言うと、MacのSafariでも透過させたいです。 一方、テーブルの背景に設定していない、普通の画像ですと<img src="">タグを使っているのでCSSを利用して、 <スタイルシート指定部分> .ail { filter: expression("progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.firstChild.src + ", sizingMethod=scale)"); width: expression(this.firstChild.clientWidth+"px"); height: expression(this.firstChild.clientHeight+"px"); } .ail img { visibility: expression("hidden"); } </スタイルシート指定部分> <画像部分> <span class="ail"> <img src="(png画像URL)"> </span> </画像部分> で透過しているのですが、テーブルの背景に指定した画像では、このタグは使えません。 他にも色々な方法を検索したのですが有効なものが見つからず、、、 そもそも、テーブルの背景に指定したpng画像は透過できないものなんでしょうか…?というところまで考えてしまいます。 もし方法があれば教えて欲しいですが、HTMLで実現不可能な範囲なのならばそれも指摘して欲しいです。 この部分だけクリアできれば、Webサイトも完成します。 切実に宜しくお願いします。
- 締切済み
- HTML
- 透過PNGの透過部分が灰色に見える
WebSite用に透過PNGをつくりましたが、IE5.5で表示すると透過される筈の部分が灰色に見えてしまいます。原因などがわかりましたら教えてください。 PNG作成ソフトは、Padie Version35 で、元の画像をPhotoShopLE と PaintShopPro 4.2J で作って、クリップボード経由でPadieに渡しています。 環境は、Windows2000ProSP2+IE5.5SP2です。ネットスケープなど、その他の環境での検証はしていません。 また、ローカルとWeb上のどちらでも同じ症状が現れます。
- ベストアンサー
- その他(インターネット・Webサービス)
- PNGで保存しても透過できない。。
IE6.0です。PNG-24で透明部分にチェックをいれ、保存しているのですが、どうしても水色の枠が生じます。。 ちなみにGIFで登録するとうまくゆきます。 以前の質問を検索し、No.757662の質問:pngが透明化できない?>win で、回答として ・透過pngにもいろいろあるようですが Windows版のIEの場合 http://www5.plala.or.jp/shinspsy/freesoft/pngedter.htm ではパレット(だったかな?)でないと透過しないみたいです。Netscape6以上なら問題なく透過するようです。 とあり、質問者の方も納得されていましたが、初心者の私には理解することができませんでした;すいませんがどなたかどうすればよいか教えてください。 ちなみに透明の背景の上に切り取った画像を貼り付けてつくりました。
- ベストアンサー
- グラフィックソフト
- 透過PNGをIE6へ、かつYoutubeの動画
IE6で透過PNGを使わなければならず、alphafilter.jsにしようかと思っていました。 http://blog.webcreativepark.net/2007/02/01-233315.html しかしこのjsを読み込むとYoutubeの動画を貼り付けた時に、IE6でページ内にあるリンク(テキストリンク)をクリックできないという状況に陥りました。透過PNGは<img>タグで、及びCSSの背景で使用しています。 何か良い対策がありましたら教えていただけますでしょうか。
- ベストアンサー
- JavaScript
お礼
確かにフルカラーの必要がなければGIFを使うのがよさそうですね。 特許の問題も収束したことですし。