こちらのサイトhttp://bokoro.com/は、背景画像の多くがpng画像となっていますが、
IE6でも同じように表示されています。
javascriptでIE6でもpng画像がうまく表示されるように制御しているのかと思いましたが、
そのような記述は見当たりませんでした。
いったいどうやってIE6でもきれいに表示させているのでしょうか?
わかる方、ご教授ください。
宜しくお願いします。
No.1
- 回答日時:
背景透過のことじゃないのですよね?
png8でどうぞ。
IE6でも普通に読めます。
写真でない限り、jpgやgifよりもpng8のほうが良い結果が得られるはずです。
背景透過のできるpng24だとちょっと話がかわりますが、例のサイトの場合は、png8で十分ですね。
ご回答ありがとうございます。
背景透過です。
例のサイト上では、しわの入ったピンク色の背景の上に
花が透き通って配置されていると思いますが、なぜIE6でもきれいに透過して表示されるのかがわかりません。
透過pngでなければ花からしわの模様が見えないはずなので、
透過pngだと思うのですがどうなのでしょう?
No.2ベストアンサー
- 回答日時:
背景として使われてるpng画像はbg-wrap1~3.pngの三つで、
その内透過されてるのはbg-wrap2.pngだけですね(質問者さんも確認済み)。
IE6で透過pngを表示させる方法としてはCSS、JavaScriptで実装可能です。
提示されたサイトではJavaScriptの方法が使われていて、index.htmlの422行目から425行目
<!--[if lte IE 6]>
<script type="text/javascript" src="/js/DD_belatedPNG.js"></script>
<script type="text/javascript">DD_belatedPNG.fix('#wrap2, .png');</script>
<![endif]-->
が該当してるようです。
当方IE6環境がなく検証出来ませんが、JavaScriptを切って確認してみてください。
ご回答ありがとうございます。
まさしくその通りでした!
IE6に読み込ませるようコメントアウトされていて、気づけなかったようです。
本当にありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- その他(プログラミング・Web制作) Leafletで画像をon、offさせる方法について 2 2022/11/01 15:34
- Windows 10 Win10PCのExploreで大量の画像ファイルを表示させる際に、画像の中身を表示させる方法 2 2023/06/12 06:55
- HTML・CSS 疑似要素で背景画像に指定したSVG画像の色変更 2 2023/01/30 22:45
- Android(アンドロイド) 画像に透かしのウォーターマークを追加する方法について 1 2023/06/09 16:43
- Windows 10 zoomで自分の顔の背景 3 2023/06/07 22:34
- HTML・CSS 角丸画像の背景色を透明にしたいです 1 2023/06/23 23:15
- その他(ソフトウェア) ペイントで切り抜いた画像の背景を透明に 2 2022/09/15 10:20
- Photoshop(フォトショップ) フォトショップで背景をくり抜く方法 2 2022/05/14 12:39
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?...
-
<!DOCTYPE html>あってますか?↑
-
テーブルの行を折りたたみたい...
-
htmlの文字が縦書きになる
-
HTML入門でもう躓いてしまった。
-
アコーディオンメニューが思う...
-
goo は、放置?
-
パソコンのマイク機能
-
HTMLタグのあるCSVファイルを利...
-
WEBページを強制的に横画面で見...
-
Duolingo のソースコードの名前...
-
、URL化させるにはどうしたらい...
-
CSSについて教えてください。 ...
-
HTMLで画像をポップアップで表...
-
HTMLです 画像のように表せます...
-
12月のカレンダーを表すHTMLを...
-
css初心者 フレックスボックス...
-
HTML電卓で1文字消す方法
-
CSSのホバーエフェクト
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
VBのPictureBoxで画像をドラッ...
-
デスクトップにある画像のパス...
-
HTMLの画像自動更新について
-
ApacheのBasic認証のログの取り方
-
JANコードを検索出来るサイト
-
google.co.jpはホスト名ですか?
-
SQLConfigDataSourceについて。
-
グーグルで検索順位が上がると...
-
ブログやホームページを毎日更...
-
SEOの検索順位について 例えば...
-
ikeyとは何ですか?
-
外部の別ホストからのPOST送信...
-
HTTPのBasic認証に自動ログイン...
-
Basic認証のパスワードをユーザ...
-
proxyの負荷テスト実施方法
-
検索したときに出るサブタイト...
-
着うたフルが無料で取れる掲示...
-
Linuxのエラーログ内容の意味に...
-
URLのwww部分の省略?
-
Google アラートみたいなサイト...
おすすめ情報