0

backgroundHTML5Boilerplateでサイトを作っているのですが、cssやプロパティを使うたびにbackground-image画像が表示されません。

フォルダー:
root/css/style.css
root/img_files/logo.png

私のcssコードは次のようになります：

#logo {
    position: absolute;
    left: 20px;
    top: 10px;
    width: 164px;
    height: 42px;
    background: url(../img_files/logo.png);
    background-repeat: none;
}

私のスタイルシートはページに正しく追加されています:

ページ上のオブジェクトに単一の背景画像を追加できません。HTML5Boilerplate がインストールされているので、問題ではないかもしれません。正しい CSS と HTML で画像が表示されない理由を知っていますか?

4

3 に答える 3

0

同じ問題が発生し、IDを#logoから他の何か（もちろんHTMLとCSS）に変更すると、同じコードが機能し始めることがわかりました。使用する#logoを「ブロック」しているものはわかりませんが、今のところ、問題がどこにあるかを見つけるのに十分な時間がありません。

今のところ解決策は、＃logo以外のものを使用することです。#logoTopまたは#siteLogo

お役に立てば幸いです。

編集：ブラウザがそれを無視する原因となったのは、セレクタのタイプミスの問題でした。セレクターが#logo以外の名前に変更されたとき、それは起こらなかったのは奇妙なことでした。#logo：目に見えるタイプミス（訪問ではなく）に注意してください

#logo, #logo:link, #logo:visited,
#logo:active, #logo:focus, #logo:hover
{
    display: block;
    width: 340px;
    height: 150px;
    background: url(../images/design-elements.png) 0 -300px no-repeat;
}
于 2013-02-16T22:30:18.913 に答える
0

変化する

background-repeat: none;

に

background-repeat: no-repeat;

または単に使用する

background: url(../img_files/logo.png) no-repeat;
于 2013-01-12T19:02:33.597 に答える
0

同じ問題があり、幅と高さのプロパティがないと画像が表示されないことがわかりました。

于 2013-12-06T02:20:01.050 に答える