我想居中背景图像。没有使用 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背景?这将比在身体上的背景图像更容易居中。
div
z-index
除此之外尝试:
background-position: 0 100px;/*use a pixel value that will center it*/或者我认为如果您将身体设置min-height为 100%,您可以使用 50%。
background-position: 0 100px;/*use a pixel value that will center it*/
min-height
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%; }