ホームページ > ウェブフロントエンド > htmlチュートリアル > AlphaImageLoader による ie6_html/css_WEB-ITnose での PNG 背景パスの読み込みに関する問題

AlphaImageLoader による ie6_html/css_WEB-ITnose での PNG 背景パスの読み込みに関する問題

WBOY
リリース: 2016-06-24 12:10:56
オリジナル
1150 人が閲覧しました

ローカルの HTML ドキュメントを IE6、IE7、FF で開くと、すべて正常に表示されるのは不思議です。
しかし、すべてのファイルをWebサイトのルートディレクトリにアップロードした後(何も変更していません)、URL経由でアクセスすると、IE7とFFでは正常ですが、IE6のフィルターによって読み込まれた背景が表示されません。

検証したところ、IE6のCSSは正常に読み込まれ、CSS内で変更したプロパティは表示されるのですが、ファイラーのパスはどう変更しても表示されないことが分かりました。

ファイル構造:
/test.html ------------------(テストHTMLファイル)
/images/------------- -------(画像フォルダ)
/styles/ ---------(スタイルシートフォルダ)

します Images/current_price.png は/images/current_price.png に変更され、../images/current_price.png も表示されなくなります。
フィルター: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/current_price.png', sizingMethod='crop');

この理由は何ですか?


ディスカッションへの返信 (解決策)

添付されているのは CSS コードの一部です:

#header {	background: none;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header.png', sizingMethod='scale');}#header a { position: relative; }#feature-share {	background: none;	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_share.png', sizingMethod='scale');}#feature-share li, #feature-share a { display: block; position: relative; }
ログイン後にコピー

私も同じ問題に遭遇しました、投稿者はそれを解決しましたか?

絶対パスを使用してみてください。

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/current_price.png', sizingMethod='crop');

文はスタイル シート内にあり、スタイル シートはスタイル フォルダー内にあります。 。したがって、ここでのパスは ../images/curent_price.png に変更する必要があります

正解は 2 階です。

申し訳ありませんが、投稿してから2年が経ちました。 。 。

この問題はほんの少しだけ印象に残っていますが、どうやら3階のお兄さんが絶対パスかURL付きパスで解決したようです。

質問の中で4階のお兄さんが言っていた方法を試してみました。

ご清聴ありがとうございます!

絶対パスを使用してください

しかし、昨日はサイトのルートディレクトリに対する相対パスを使用しました。それが何であるべきかを知りたいです。

絶対パスを使用してください

しかし、昨日はサイトのルートディレクトリに対する相対パスを使用しました。それが何であるべきかを知りたいです。

さまざまな状況でテストして、それでも動作しない場合は、コンピューターを再起動してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート