使用CSS将背景图像居中
我想居中背景图像。没有使用div,这是CSS样式:
body{
background-position:center;
background-image:url(../images/images2.jpg) no-repeat;
}
上面的CSS会全部平铺并将其居中,但是看不到一半的图像,只是向上移动了一点。我想做的就是将图像居中。我可以在21英寸的屏幕上观看图像吗?
-
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%; }