ホームページ > ウェブフロントエンド > htmlチュートリアル > 背景画像:url(XXXX.gif)背景画像が表示されないのはなぜですか_html/css_WEB-ITnose

背景画像:url(XXXX.gif)背景画像が表示されないのはなぜですか_html/css_WEB-ITnose

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

.yangshi{
幅: 386px;
背景-繰り返し: 固定;
背景-画像: URL (img/logo (558).gif)
z-index:1
}




背景画像が Web 上に表示されないのはなぜですかページ?
画像パスは確認済みで問題ありません。




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

logo (558).gif ファイル名にスペースが含まれています
これも機能しません。background-image:url(img/21. jpg)、まだ表示されません

パス名に何か問題があるはずです

試してみました。Dreamwaver のプロンプトに従い、クリックして選択した画像を参照しました。パスには問題がないはずです

Dreamweaver の実際のアプリケーションでは、すべてが完全に正しいということはあり得ません。

まずパスの問題を注意深く確認し、次にファイル名を変更することをお勧めします

最も可能性の高い問題はパスの問題です

表示されません 赤い十字を表示する代わりに、右クリック - [プロパティ] を選択し、パスに問題があるかどうかを確認します

目視検査ではセミコロンが追加されないか、FIREBUG を使用して読み取れるかどうかを確認します。それを ../img/*** に変更して試してみてください

明らかに、background-image 属性はセミコロンで終わっていません。

明らかに、background-image 属性はセミコロンで終わりません。

はい、; 記号がありません

パス img に / がありません。background-image:url(/img/logo (558).gif) である必要があります



使用している画像は CMYK モードである可能性があります、この IE ブラウザはレンダリングできないようです。RGB が正しいです。

画像属性を設定する際にセミコロンが無い場合は認識されないはずです。
そして、画像の後ろにあるタブ設定は効果がありません。

試してみましょう。

画像をブラウザに取り込むと、パスが表示され、コピーして貼り付けて完了です


background-position:0% 0%; これを削除してみてください。

パスに問題があるはずです。 。 。また、background-image 属性がセミコロンで終わっていないため、パスが間違っている可能性があります

background-image:url('img/logo (558).gif') には、引用符

を追加する必要があります。と gif ファイルは動的な画像なので、おそらく機能しません


画像を右クリックして「Internet Explorer」で開き、機能するかどうかを確認してください。 IEで表示される(パスが合っていても正常に表示されない) ダメです、上記の通りrgbモードの写真は正常に表示されます)

結果はどうなったでしょうか?パスの問題。

昨夜すでに返信しましたが、今日返信が表示されませんでした。もう一度返信してください:

1. パスが間違っています: この投稿者は自分で確認する必要があります。

2. 画像を右クリックし、「Internet Explorer で開く」で開き、現時点で gif 画像を開くことができるかどうかを確認します。現時点で gif 画像を開くことができない場合は、この画像のモードが間違っていることを意味します。 Web ページで認識されるのは rgb モードではありません。psd では、画像 -》モード?》RGB カラーで十分です。

写真を追加する最後に「;」を使用しないでください、、、手書きが正しい方法です。


background-repeat:repeat;
background-attachment:fixed;

最初にこれらを少しずつ削除してみてください


これも正しいです。背景のみを使用すると、表示できます。

正解は、background-image 属性がセミコロンで終わっていないことは明らかです。

パスの先頭に「/」がありません

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