0

私はこの画像を持っています：

ここに画像の説明を入力

背景画像としてウェブページに追加しようとしているもの - テスト目的のためだけです。

可能な限り単純な HTML ファイルをセットアップします。

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My CSS Test Page
    </title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
</body>
</html>

そして、これとリンクしましたcss：

body {
    background-image: url("trail.jpg");
}

そして... うまくいきません。

次に、一重引用符で試してみましたが、引用符はありません..それでも同じ問題です。何も表示されません。それから、画像が何らかの形で壊れているのではないかと考えました。だから私はimgタグを追加しました：

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My Css Test Page
    </title>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
<img src="trail.jpg">
</body>
</html>

問題なく表示されます。

次に、おそらくリンクの問題だと思いました。cssだから私は.:を埋め込んだ

<!DOCTYPE html> 
<html lang="en">
<head> 
    <title>
        My Css Test Page
    </title>
    <style>
    body {
        background-image: url("trail.jpg");
    }
    </style>
    <meta charset="utf-8">
    <link rel="stylesheet" href="css/mycss.css">
</head>
<body>
<h1>Hello World!!</h1>
<img src="trail.jpg">
</body>
</html>

運がない。

それで、私は何が欠けていますか？

4

1 に答える 1

0

cssにこの画像があるフォルダーへのパスを指定することを検討する必要があるかもしれません-

body { background-image: url('../img/test.jpg'); }

于 2013-05-30T03:51:59.553 に答える