0

スタイルシートを使用して、HTML ページの DIV に背景画像を設定したいと思います。

私のcssファイル：

#MyDiv {
background-image: url('Images/prechod.png');
background-repeat: repeat-x;
height: 400px;
}

そして私のページ：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <link href="Css/StyleSheet1.css" rel="stylesheet" />
    <title></title>
</head>
<body>
    <div id="MyDiv">
    </div>
</body>
</html>

私もこれを試してみましたが、うまくいきます。

<body>
    <div style="height: 400px; background-image: url('Images/prechod.png'); background-repeat: repeat-x">

    </div>
</body>

しかし、cssファイルにすべてを入れたいと思います。それが簡単で、誰かが私を助けてくれることを願っています。

4

3 に答える 3

3

css ファイル内のパスは、HTML ファイルではなく、CSS ファイルの場所に対して相対的です。

それに応じて CSS を変更する必要があるかもしれません。たとえば、css ファイルがCss/StyleSheet1.cssHTML ファイルに関連している場合は、次のように変更します。

#MyDiv {
    background-image: url('../Images/prechod.png');
    background-repeat: repeat-x;
    height: 400px;
}

パスの問題でない場合は#myDiv、CSS ファイル内の宣言をオーバーライドする特定性の高い他のスタイルがある可能性が高いです (たとえばbody #myDiv { background: none }、似たようなものなど)。これは、インラインスタイルとして機能する理由を説明します (これらは最も特異性が高いため) が、スタイルシートでは機能しません。ただし、そもそもパスが間違っていたという事実に基づいて、それが原因であると思われます。

于 2013-11-07T14:43:43.583 に答える