2

私は正確にこのコードを使用します：

body
{
background-image:url('gradient2.png');
}

w3スクールで見つけたその単純な私は同じフォルダに写真を入れました、私はすべてをしました、そして私はなぜ私がcssに画像を挿入できないのか分かりません。htmlタグが機能しています。3〜4か月前に同じ問題が発生しましたが、現在はhtmlで再び作業していますが、まだ機能していません。写真は表示されません。

これは私の完全なCSSです：

*
{
    margin: 0;
    padding: 0; 
}

body
{
        background: url("pagebg2.jpg") repeat left top;    
    font: normal 10pt Arial,Helvetica,sans-serif;

}

#center{
    box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 1);
    border: 3px solid rgba(0, 0, 0,0.8);
    background-color:#50649d;
    border-radius: 20px 20px;
    width: 650px;
    height:900px;
    margin: 0 auto;

}
#pic {
     text-align:center;
}
img {
    box-shadow: 1px 1px 11px 1px rgba(0, 0, 0, 1);
    border: 3px solid rgba(0, 0, 0,0.8);
    border-radius: 20px 20px;
}

これはhtmlです：

<!DOCTYPE html>
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <link type="text/css" rel="stylesheet" href="CSS/btstyle.css">
        <title></title>
    </head>
    <body>
        <header>this is the title</header>
        <div id="container">
                <div id="pic" class="column">
                <img src="opel.png" />


                </div>


                <div id="center" class="column">

                  center
                </div>
        </div>
        <footer class="foot"><p>©WebMaster pr.toma@gmail.com</p></footer>
    </body>
</html>
4

3 に答える 3

6

あなたのコードは完璧です。jsFiddleでテストしました。問題は画像のURLにあります

これをチェックしてください： jsFiddleリンク

body
{
    background: url("http://jsfiddle.net/img/logo.png") repeat left top;    
    font: normal 10pt Arial,Helvetica,sans-serif;

}

ここでは、画像のURLのみを変更します。

于 2012-12-15T13:20:17.443 に答える
1

@MohitPandeyにコメントしたと思いますが、50の評判が必要なので、ここに追加します。直接URLを提供する場合は、常に「http」を削除することをお勧めします。そうしないと、安全なページにコンテンツを表示するときにセキュリティ警告が表示されます。したがって、次のように変更します。

body
{
    background: url("//jsfiddle.net/img/logo.png") repeat left top;    
    font: normal 10pt Arial,Helvetica,sans-serif;
}

私はこれをHTML5Boilerplateから学びました。それが役に立てば幸い！

于 2014-01-01T09:26:00.593 に答える
0

エラーはあなたの体にありますスタイリング...

.Body
{
  background-image: url('pagebg2.jpg');
  background-repeat: repeat;
  background-position: left top;
  font-family: Arial;
  font-size: 10pt;
}

上記をお試しください...

于 2012-12-15T13:08:40.447 に答える