1

div の背景として配置する画像を選択すると、正常に見えるように管理できません。私のヘッダーの幅と高さは em で作られています。ヘッダーの幅が 120em の場合に、ヘッダーの背景として画像を取得する方法を誰かが説明してくれませんか。高さ5エム。したがって、通常のヘッダーの背景をヘッダーのサイズにする必要があります。

.header{
 -webkit-background-size: cover;
  -moz-background-size: cover;
 -o-background-size: cover;
 background-size: cover;
background-image:url('images.jpg');
text-align: center;
width: 120em;
height:5em;
background-size:100%;
}

.left{
background-color:red;
float: left;
width: 20em;
height: 51em;
}

.middle{
background-color: green;
width:120em;
padding:0px;
margin:0px;
height:51em;
}

.footer{
height:4em;
width: 120em;
background-color: blue;
}
4

2 に答える 2

4

ここをチェックしてください、http://css-tricks.com/perfect-full-page-background-image/

デモhttp://jsfiddle.net/yeyene/PtEnY/3/

#yourHeader{
  float:left;
  width:120em;
  height:5em; 
  background: url(images/bg.jpg); 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
于 2013-06-17T10:30:06.513 に答える