2

だから....私はintroと呼ばれる1つのフォルダを持っています。このフォルダーには、index.html ファイルと style.css ファイルの両方があります。intro フォルダには、使用する画像を保存する「images」という別のフォルダがあります。そのフォルダー（画像）には、background.jpgという画像があります

コードは次のとおりです。

    <!DOCTYPE html>
<html>
<head>
    <link type="text/css" rel="stylesheet" href="style.css"/>
    <title>test</title>
</head>
<body>

    <div id="content">
        <div class="info">
            Want to know more about Dreams?
        </div>

    </div>
</body>

CSS

    /*CSS Style Sheet*/
@font-face

body {
background-color: #080808;
background-image: url(images/background.jpg);
margin: auto;
}


#content {
width: 1000px;
background-color: #080808;
margin-left: auto;
margin-right: auto;
margin-top: 500px;
}

ただし、何らかの理由で背景画像と背景色が表示されません。背景色は白のままで、画像はどこにも見えません。ヘルプ？

4

2 に答える 2

2

背景画像のパスに「__」がありません。

2 つは順序を変更し、background-image の代わりに background を使用します。

 body {        
   background:url("images/background.jpg") no-repeat center;
   background-color:blue;
 }

3 つの .png ファイルを使用すると、画像の背景を透明に保つことができます。

4 @font-face を削除します

このデモをチェックしてくださいhttp://jsfiddle.net/e85kY/

于 2013-10-28T14:06:50.533 に答える
1

HTML ファイルの場所から背景画像をマップする必要があります。たとえば、画像が intro フォルダーにあり、HTML ファイルが intro の別のフォルダーにある場合は、..\image\background.jpg. @font-faceまた、 CSS には必要ありません。

マッピング中にフォルダーに戻るに..は、パス内の前のフォルダーを暗示するために使用します。

于 2013-10-28T13:56:18.693 に答える