イメージの表示がブラウザによって違ってしまう
-
0 名前： forcetars ： 2005/12/23 16:56
- CSSの練習をと思い、ホームページを作っていたのですが、
IEとFirefoxで画像の表示が変わってしまいます。
以下に、アップしてみました。
http://testsite.run.buttobi.net/
表示が変わってしまっているのは、
ヘッダー部分で、3箇所あります。
まずは、ヘッダーのイメージ部分で、
右上の部分で三角に切り取った部分です。
(うまく説明できなくてすいません。)
次は、ヘッダーの左側にある「test p@ge」と書かれている部分です。
こちらも、右上部分を三角に切り取ってあります。
問題なのは、この切り取った三角の部分が、
Firefoxではきちんと透明な状態で表示されているのですが
IEでは白色になってしまっています。
最後にヘッダーのアンダーラインです。
Firefoxでは半透明な白色なのですが、IEだと
思いっきり色が塗られてます。
画像はすべてpng形式になっています。
説明が下手で申し訳ありませんが、
どなたか、ご教示頂ければ幸いです。
※作成環境
・イメージはPhotoshopCSで作成。
・サイトはDreamweaver8で作成。
-
1 名前： 匿名希望 ： 2005/12/23 16:56
- WindowsのInternetExplorerではアルファチャンネルPNGが正常に表示出来ないそうです。
http://www.remus.dti.ne.jp/~a-satomi/bunsyorou/PNG_descript.html#siryou
-
2 名前： forcetars ： 2005/12/23 16:56
- 匿名希望さん
ご回答ありがとうございます。
Mac版IEではちゃんと表示できていたので、
なんとなくそんな気がしていました(汗。
GIFではどうなのでしょうか？
-
3 名前： 匿名希望 ： 2005/12/23 16:56
- gifにアルファチャンネルは無いです。
「透過」と「アルファ値」は別物ですので。
-
4 名前： forcetars ： 2005/12/23 16:56
- 匿名希望さん
すいませんでした。
ヘッダーのイメージに関してはGIFで透過することにしたのですが、
どうしてもヘッダーのアンダーラインに関しては、
GIFで透過させると汚くなってしまいます。
きれいな半透明をweb上で表示させる方法はありませんでしょうか？
-
5 名前： forcetars ： 2005/12/23 16:56
- すいません、色々試しているうちに
ヘッダーのアンダーラインに関しても解決できました。
ありがとうございました。
