<body>
<form id="form1" runat="server">
<div class="page">
<div class="header">
....
</div>
<div class="main"></div>
....
</form>
</body>
そしてcssファイル:
body
{
background: #b6b7bc;
font-size: .80em;
font-family: "Helvetica Neue", "Lucida Grande", "Segoe UI", Arial, Helvetica, Verdana, sans-serif;
margin: 0px;
padding: 0px;
color: #696969;
}
.page
{
width: 960px;
background-color: #fff;
margin: 0px auto 0px auto;
border: 1px solid #496077;
border-radius: 10px;-moz-border-radius: 10px;-webkit-border-radius: 10px;border: 2px solid white;padding: 1px 0;
box-shadow: 5px 3px 5px #ccc;
height: auto;
overflow: hidden;
}
.header
{
position: relative;
margin: 0px;
padding: 0px;
background-color: white;
background-image: url(~/img/056.JPG);// I want it displays as a image logo
width: 100%;
height:200px;
}
行を入れてもヘッダーに画像(ロゴ)を設定する多くの方法を試しました
background-image: url(~/img/056.JPG);
が、056.JPG
画像はヘッダーに表示されません(背景色のみ)。
それから私はこのようにします:
<div class="header">
<img style="border:0px" src="img/056.JPG" height="200px" width="100%" alt=""/>
</div>
画像が表示されましたが、それは私が望む方法ではありません。上記のようにヘッダーの画像ロゴを設定すると、ヘッダーの下に表示される--> <div>
内に新しいタグを配置するためです(ヘッダー内に表示したい)。<div header>
new <div>
助けてください、ヘッダー div に何か間違いがありますか? 背景画像が表示されないのはなぜですか?
アップデート:
推奨どおり、URLを編集したところです。Banner2009_new.jpg
代わりに使用します056.JPG
:
background-image: url("/website/pic/Banner2009_new.jpg");
次に、パス画像をダブルクリックして確認します。
それはまだ file:フォルダ webpageBanner2009_new.jpg
にpic
ありますが、確認すると、Banner2009_new.jpg がないようです
これは私のウェブサイトのフォルダです: