Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/91.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 仅使用html和css创建可展开的背景图像_Javascript_Html_Css_Background Image - Fatal编程技术网

Javascript 仅使用html和css创建可展开的背景图像

Javascript 仅使用html和css创建可展开的背景图像,javascript,html,css,background-image,Javascript,Html,Css,Background Image,我试图使一个网页的背景是固定的,这意味着宽度是100%,高度不滚动,但网页的主div,其中包含的所有内容是在y方向滚动。你可以在这里看到效果。是否可以仅使用html和css实现此效果?如果不是,那么如何使用javascript实现呢?是的,您可以使用背景图像轻松实现。如果你查看页面,你可以看到他们是如何做到的 CSS: HTML: <body> <content-wrapper> </content-wrapper> </body>

我试图使一个网页的背景是固定的,这意味着宽度是100%,高度不滚动,但网页的主div,其中包含的所有内容是在y方向滚动。你可以在这里看到效果。是否可以仅使用html和css实现此效果?如果不是,那么如何使用javascript实现呢?

是的,您可以使用背景图像轻松实现。如果你查看页面,你可以看到他们是如何做到的

CSS:

HTML:

<body>
   <content-wrapper>
   </content-wrapper>
</body>

将来,右键单击页面并查看HTML和CSS,您应该能够了解大部分内容。

请发布相关代码片段。您可以编辑您的问题并提供代码吗?
<body>
   <content-wrapper>
   </content-wrapper>
</body>