0

私はあなたがここで見つけることができる私自身の404エラーを設計しました:http: //www.ianbauters.be/errors/404.html(これは動作します)

しかし、http: //www.ianbauters.be/qsdfhjにアクセスして404をトリガーすると、使用するオレンジ色の背景画像を除いてすべてが表示されます。

誰かが私がこれを修正する方法について何かアイデアがありますか?

4

5 に答える 5

4

CSSでURLへの相対パスを使用することが問題です。例えば...

url('assets/images/opacity.png')

絶対にしてみてください...

url('/errors/assets/images/opacity.png')

編集-注意すべき他の何か...

urlタグを介してCSSで使用する場合<style>、相対パスは常に現在のページの場所からの相対パスになります。タグとファイルurlを介してCSSで使用する場合、パスはファイルの場所を基準にしています。<link>.css.css

于 2012-08-22T15:43:34.743 に答える
1

背景画像の相対パスを追加したので、それを絶対パスに変換すると、問題は発生しなくなります。

.oh {
   ...
   background-image: url('/assets/images/opacity.png');
   ...
}
于 2012-08-22T15:43:47.140 に答える
1

firebugを使用して両方のページを表示すると、2ページ目にエラーが表示されます。これは、http://www.ianbauters.be/assets/images/opacity.pngから画像を読み込んでいます が、正しいURLはhttp://wwwです。 .ianbauters.be / errors / Assets / images / opacity.png、URL全体を使用してください

于 2012-08-22T15:47:24.210 に答える
0

使用する

background-image: url('/errors/assets/images/opacity.png');

それ以外の

background-image: url('assets/images/opacity.png');
于 2012-08-22T15:46:06.380 に答える
0

cssのURLを変更します.oh

から

url("assets/images/opacity.png")

url("/errors/assets/images/opacity.png");
于 2012-08-22T15:48:12.067 に答える