如何在html/css中获得完整图像作为标题的背景？

当我选择一个图像作为我的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;
}

检查这里

演示

检查这里

演示

---

不起作用。我的意思是一个正常大小的标题背景适合我的标题。它是如何工作的？现在它只显示了一小部分页眉。您的页眉bg大小是多少？您是否在正文中使用像素或百分比的字体大小。然后，以像素为单位计算报头bg，此处引用是，如果不想修复bg，请将其删除。我们在这里讨论的是背景尺寸：cover；。。你的背景尺寸：100%；没有任何影响。仅背景尺寸：封面；是的，不起作用。我的意思是一个正常大小的标题背景适合我的标题。它是如何工作的？现在它只显示了一小部分页眉。您的页眉bg大小是多少？您是否在正文中使用像素或百分比的字体大小。然后，以像素为单位计算报头bg，此处引用是，如果不想修复bg，请将其删除。我们在这里讨论的是背景尺寸：cover；。。你的背景尺寸：100%；没有任何影响。仅背景尺寸：封面；是的。以像素为单位设置div的高度和宽度是否有问题，以便可以将标题设置为与背景图片相同的大小？是的，因为当我以不同的分辨率运行时，div会弄乱。我的意思是div会弄乱。设置div的高度和宽度（以像素为单位）是否有问题，以便可以将标题设置为与背景图片相同的大小？是的，因为当我以不同的分辨率运行时，div会弄乱。我的意思是div会弄乱。

#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;
}