ホームページ >ウェブフロントエンド >htmlチュートリアル >DD_belatedPNG.js で PNG 画像が消える_html/css_WEB-ITnose
DD_belatedPNG.js
DD_belatedPNG.js を引用すると、IE6 では PNG 画像が消えてしまいますので、解決してください。 。 。 IE6のコメントの書き方を変更すると、画像(透明効果あり)が表示されるようになりますが、Webページ上にb637b0e41796d122cd8494236b1eac51
<!--[if IE 6]><script src="pngfix.min.js"></script><script> // CSS selector DD_belatedPNG.fix("#a"); // DOM DD_belatedPNG.fixPng(document.getElementsByTagName('img')[1]); </script><![endif]-->
XML/HTML コード
1234567891011
64542a4d66274d65a8812eb5a58f94eb lt;スクリプト src="pngfix.min. js">2cacc6d41bbb37262a98f745aa00fbf0 3f1c4e4b6b16bbbd69b2ee476dc4f83a // CSSセレクター DD_belatedPNG.fix("#a"); // DOM DD_belatedPNG.fixPng(docume...
記述方法に応じてPNG画像が表示されますですが、まだ灰色です
99abae8d14fbe8bd33c9479a47e002c6 b29f7d361548b81b92db6cd902eb29b3
//CSS セレクター
DD_belatedPNG.fix(".logo")
2cacc6d41bbb37262a98f745aa00fbf0
6ae7e7e8af8126a110cadd17e2f1d2b3
解決策を教えてください
dd で画像が消えることがあります。これは、dd が dom 要素 :relative 要素の外側に位置を動的に追加するためです。そのため、要素がposition;absolute またはその他の絶対位置を使用している場合は、この問題を解決するには、外側のレイヤーにposition:relative;を追加するか、IEフィルターを使用してください。
PNGの透明度については、以下の記事を参照してください。
リンクアドレス: http://www.cnblogs.com/yjzhu /archive/2012/11/09/2762059.html
64542a4d66274d65a8812eb5a58f94eb
< ;script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js ">2cacc6d41bbb37262a98f745aa00fbf0
530149fbb163bb1b1ff33ca874fbf0252cacc6d41bbb37262a98f745aa00fbf0
1b771f47d72d900ba74308aee59557f0
PNG .JS
DD_belatedPNG.fix('.logo_img,...');
dd は dom 要素の外側に動的に location: 相対要素を追加するため、画像が表示されなくなります。または他の絶対位置を指定する場合は、position:relative を追加するか、ie フィルターを使用してこの問題を解決してください。
PNG 透明度については、Liz は次の記事を読むことができます。
リンク アドレス: http://www.cnblogs.com/yjzhu/archive/2012/11/09/2762059.html
さて、この記事を読んだので、DD_belatedPNG.fix を使用して問題を解決したいと思います。 PNGo の透明性の問題。以前はこの方法を使用しても問題なかったのに、現在は使用できず、非常に混乱しています。 。 。
次はie6用のfirebug.jsで、原因を分析してdomの状況を見てみましょう
4階のjikeytangさんからの返信を引用すると、ddをすると画像が消えてしまうことがあります これは、ddがdom要素の外に位置を動的に追加してしまうためです。 :relative 要素であるため、要素でposition;absolute またはその他の絶対位置指定を使用する場合は、外側のレイヤーにposition:relative; を追加するか、IE フィルターを使用してください。
まだ問題は解決されていません。 。
http://www.cnblogs.com/jikey/archive/2013/03/13/2957168.html
ここの方法を試して、うまくいくかどうかを確認してください
問題は解決していませんが、熱心なご回答ありがとうございましたまぁ、9階さんの言う通り、次の火虫は自分で研究してみます。