使用CSS将背景图像居中

我想将背景图像居中.没有使用div,这是CSS样式:

body{
    background-position:center;
    background-image:url(../images/images2.jpg) no-repeat;
}

上面的CSS遍布并且确实居中,但是没有看到一半的图像,它只是向上移动.我想要做的是使图像居中.即使在21英寸的屏幕上,我可以采用图像查看吗？

1> Kyle..：

---

background-image: url(path-to-file/img.jpg);
background-repeat:no-repeat;
background-position: center center;

这应该工作.

如果没有,为什么不用div图像制作并使用z-index它作为背景？这比身体上的背景图像更容易居中.

除此之外尝试:

background-position: 0 100px;/*use a pixel value that will center it*/或者我认为如果你将身体设置min-height为100%,你可以使用50 %.

body{

    background-repeat:no-repeat;
    background-position: center center;
    background-image:url(../images/images2.jpg);
    color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
    min-height:100%;
}

2> 小智..：

---

我使用这个代码,它很好用

html, body {
  height: 100%;
  width: 100%;
  padding: 0;
  margin: 0;
  background: black url(back2.png) center center no-repeat;;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

3> 小智..：

---

我认为这是想要的:

body
{
    background-image:url('smiley.gif');
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center;
} 

---

background-attachment为我解决了这个问题;)

4> Pekka suppor..：

---

尝试

background-position: center center;

---

@Jean你还无法调整背景图片的大小.它可能在CSS 3中,但尚未得到足够广泛的支持.`center center`与`background-repeat:no-repeat`一起应该按照你的要求做 - 以图像为中心.

---

@Jean啊,我现在从你的屏幕截图中看到了.你需要给`body`一个'min-height`为'100%`,这样它就会延伸到整个屏幕.这可能会解决它.