Javascript 背景图像粘贴到内容上的位置
我以为这是一个常见的问题，但我在任何地方都找不到 以浏览器窗口为中心的固定宽度布局。在它后面，一个背景也是居中的 背景不应导致水平滚动条。内容框应为 我无法将背景设置为body元素，因为这意味着背景相对于浏览器居中（因此，当浏览器窗口太小而无法包含整个内容框时，背景相对于内容“移动”） 如果我不将其设置为主体，任何能够“包含”整个图像的内容也会导致滚动条。。。不是吗 javascript真的是我唯一的希望吗Javascript 背景图像粘贴到内容上的位置,javascript,html,css,layout,Javascript,Html,Css,Layout,我以为这是一个常见的问题，但我在任何地方都找不到 以浏览器窗口为中心的固定宽度布局。在它后面，一个背景也是居中的 背景不应导致水平滚动条。内容框应为 我无法将背景设置为body元素，因为这意味着背景相对于浏览器居中（因此，当浏览器窗口太小而无法包含整个内容框时，背景相对于内容“移动”） 如果我不将其设置为主体，任何能够“包含”整个图像的内容也会导致滚动条。。。不是吗 javascript真的是我唯一的希望吗 编辑： 我似乎没有很好地解释自己 这就是我想要的： （高亮显示的区域表示浏览器窗口）
编辑： 我似乎没有很好地解释自己 这就是我想要的： （高亮显示的区域表示浏览器窗口） 1- 请注意，没有滚动条 2- 浏览器上有一个滚动条用于内容 这就是我得到的 1- 如果设置为“主体”，背景将以窗口为中心，因此不会与内容对齐 2- 如果我将背景设置为一个元素，它会在窗口上产生一个滚动条，因此，在调整浏览器大小时，内容不会像应该的那样保持居中 回答 与下面接受的一样，但使用此代码
#myBackground {
background: url("img/background.png") no-repeat scroll center 0 transparent;
height: 6000px; /*height of the background*/
min-width: 950px; /*width of the content box*/
position: absolute;
width: 100%;
z-index: -1;
}
我会使用一个DIV，它是身体的直接子对象，位置为：fixed
#myBackground
{
background-image: url(myBackground.jpg);
position:fixed;
width:100%;
height:100%;
}
<div id="myBackground"></div>
#我的背景
{
背景图片：url（myBackground.jpg）；
位置：固定；
宽度：100%；
身高：100%；
}
<!doctype html>
一个问题，你需要一个“固定”的背景还是我假设的？如果希望背景与其余内容一起滚动，请将position:fixed替换为position:absolute，并根据需要放弃HTML5 doctype。我将使用一个DIV，它是position:fixed的正文的直接子级
#myBackground
{
background-image: url(myBackground.jpg);
position:fixed;
width:100%;
height:100%;
}
<div id="myBackground"></div>
#我的背景
{
背景图片：url（myBackground.jpg）；
位置：固定；
宽度：100%；
身高：100%；
}
<!doctype html>
一个问题，你需要一个“固定”的背景还是我假设的？如果您希望背景与其余内容一起滚动，请将position:fixed替换为position:absolute，如果您愿意，请放弃HTML5 doctype。到目前为止您尝试过什么吗？如果是，请将其粘贴到中，以便我们可以更轻松地帮助您。您可以使用溢出禁用滚动条：无您迄今为止是否尝试过任何操作？如果是这样，请将其粘贴到中，以便我们可以更轻松地帮助您。您可以使用overflow:none禁用滚动条