0

次のように div に bg 画像を指定すると:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Untitled Document</title>


<style>

#image {
background-image:url(Images/1.jpg);
position:absolute;
top:0px;
left:0px;
width:100px;
height:100px;
z-index:9999;
}

</style>
</head> 
<body style="background-color:#FFF;" >

  <div id="image"> </div>

</body></html>

その後、何も表示されません。私は何を間違っていますか？私の画像は正しくリンクされており、divに何かを配置する必要がない限り、これは機能するはずです。

4

2 に答える 2

1

div が空で、ディメンションが設定されていません。背景画像だけでは、表示されるまで要素を展開できません。そのため、指定して指定する必要がありwidthますheight

それでもうまくいかない場合

  1. css ファイルの構文エラーをチェックする
  2. 画像の許可を確認してください（644それ以上であることを確認してください）
于 2012-05-14T19:43:08.753 に答える
0

高さのデフォルトはコンテンツの高さです。コンテンツがないので、高さは0です。幅は通常autoですが、絶対位置にすると幅も0になります。

したがって、幅と高さを追加するだけです#myimage

例：

#myimage {
    background-image:url(http://placekitten.com/200/300);
    position:absolute;
    top:0px;
    left:0px;
    z-index:9999;
    /*new*/
    width:200px;
    height:300px;
}

http://jsfiddle.net/NuCzS/

于 2012-05-14T19:43:57.187 に答える