Html 如何为居中于页面中心的大图像定位背景?

Html 如何为居中于页面中心的大图像定位背景?,html,css,cordova,media-queries,cordova-2.0.0,Html,Css,Cordova,Media Queries,Cordova 2.0.0,我有一张尺寸为2350*180的图像 我正在研究电话间隙。因此,我需要以通用格式给出代码,以便它适用于任何设备 现在,我有一个大图像的背景图像 style="background:url("img/bg.png") no-repeat fixed center top; width:100%; height:100%; " 此代码仅适用于少数情况。。我的密码有错误吗 另一个问题是,当我滚动时,滚动条是可见的。所以我补充说 style="overflow:hidden;" <img sr

我有一张尺寸为2350*180的图像

我正在研究电话间隙。因此,我需要以通用格式给出代码,以便它适用于任何设备

现在,我有一个大图像的背景图像

style="background:url("img/bg.png") no-repeat fixed center top; width:100%; height:100%; "
此代码仅适用于少数情况。。我的密码有错误吗

另一个问题是,当我滚动时,滚动条是可见的。所以我补充说

style="overflow:hidden;"

<img src=""/> tag.

现在可以通过各种方式将背景图像设置为拉伸到容器的边缘。如果您不介意图像失真,您可以这样做:

background-size: 100% 100%;
而不是这个(坏了的)

在样式表中尝试以下操作:

body {
    background-image:url("img/bg.png");
    background-size: 100% 100%;
}

现在可以通过各种方式将背景图像设置为拉伸到容器的边缘。如果您不介意图像失真,您可以这样做:

background-size: 100% 100%;
而不是这个(坏了的)

在样式表中尝试以下操作:

body {
    background-image:url("img/bg.png");
    background-size: 100% 100%;
}

好的,看我修改过的答案。这个背景有一个设计,所以不断重复。当我给这个
不重复固定中心顶部;宽度:100%;身高:100%。背景是固定的,只有图像滚动。我该怎么做才能避免滚动呢?巴诺先生,我已经按照建议做了,这时我注意到背景的设计在重复。我想如果它处于相同的位置,只允许图像滚动,你能给我们一个你正在做的例子吗?或者至少发布你现在拥有的代码?先生,请找到编辑2版本,它有完整的html代码和各自的CSS。好的,请看我修改后的答案。这个背景有一个设计,所以不断重复。当我给这个
不重复固定中心顶部;宽度:100%;身高:100%。背景是固定的,只有图像滚动。我该怎么做才能避免滚动呢?巴诺先生,我已经按照建议做了,这时我注意到背景的设计在重复。我想如果它处于相同的位置,只允许图像滚动,你能给我们一个你正在做的例子吗?或者至少发布你现在拥有的代码?先生,请查找编辑2版本,该版本包含完整的html代码及其各自的CSS。
style="style="background:url("img/bg.png") no-repeat fixed center top; width:100%; height:100%;"
body {
    background-image:url("img/bg.png");
    background-size: 100% 100%;
}