私はあなたがここで見つけることができる私自身の404エラーを設計しました:http: //www.ianbauters.be/errors/404.html(これは動作します)
しかし、http: //www.ianbauters.be/qsdfhjにアクセスして404をトリガーすると、使用するオレンジ色の背景画像を除いてすべてが表示されます。
誰かが私がこれを修正する方法について何かアイデアがありますか?
私はあなたがここで見つけることができる私自身の404エラーを設計しました:http: //www.ianbauters.be/errors/404.html(これは動作します)
しかし、http: //www.ianbauters.be/qsdfhjにアクセスして404をトリガーすると、使用するオレンジ色の背景画像を除いてすべてが表示されます。
誰かが私がこれを修正する方法について何かアイデアがありますか?
CSSでURLへの相対パスを使用することが問題です。例えば...
url('assets/images/opacity.png')
絶対にしてみてください...
url('/errors/assets/images/opacity.png')
編集-注意すべき他の何か...
url
タグを介してCSSで使用する場合<style>
、相対パスは常に現在のページの場所からの相対パスになります。タグとファイルurl
を介してCSSで使用する場合、パスはファイルの場所を基準にしています。<link>
.css
.css
背景画像の相対パスを追加したので、それを絶対パスに変換すると、問題は発生しなくなります。
.oh {
...
background-image: url('/assets/images/opacity.png');
...
}
firebugを使用して両方のページを表示すると、2ページ目にエラーが表示されます。これは、http://www.ianbauters.be/assets/images/opacity.pngから画像を読み込んでいます が、正しいURLはhttp://wwwです。 .ianbauters.be / errors / Assets / images / opacity.png、URL全体を使用してください
使用する
background-image: url('/errors/assets/images/opacity.png');
それ以外の
background-image: url('assets/images/opacity.png');
cssのURLを変更します.oh
から
url("assets/images/opacity.png")
に
url("/errors/assets/images/opacity.png");