Html 固定的背景图像，带有文本（也有响应性）
我一直在想办法，但运气不好。我也一直在互联网上寻找可能的解决方案，但同样，没有运气 比方说，当用户在浏览网站时向下滚动时，我希望一个带有文本的图像在背景中保持不变，我该怎么做呢？（也具有响应性） 我尝试过做很多事情，但是当窗口大小调整时，文本会超出背景中的图像，而我希望文本保持在背景图像中Html 固定的背景图像，带有文本（也有响应性）,html,css,responsive-design,background-attachment,Html,Css,Responsive Design,Background Attachment,我一直在想办法，但运气不好。我也一直在互联网上寻找可能的解决方案，但同样，没有运气 比方说，当用户在浏览网站时向下滚动时，我希望一个带有文本的图像在背景中保持不变，我该怎么做呢？（也具有响应性） 我尝试过做很多事情，但是当窗口大小调整时，文本会超出背景中的图像，而我希望文本保持在背景图像中 html5 =========== <body> <header id="head"> <!-
html5
===========
<body>
<header id="head">
<!--head content-->
</header>
<div class="fixedImage">
<div class="welcome">
<h1>Welcome to this site</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec commodo, enim eu posuere commodo, elit mauris condimentum sem.</p>
</div>
</div>
</body>
css
======
#head{
width:100%;
background-color:#FFFFFF;
}
.fixedImage{
background-attachment:url(img/random.jpg);
background-size: 100%;
background-repeat:no-repeat;
background-attachment:fixed;
}
.welcome{
/*styling goes here*/
}
html5
===========
欢迎来到这个网站
Lorem ipsum dolor sit amet，是一位杰出的献身者。Donec commodo、enim eu posuere commodo、elit mauris调味品sem
css
======
#头{
宽度：100%；
背景色：#FFFFFF；
}
.固定图像{
背景附件：url（img/random.jpg）；
背景大小：100%；
背景重复：无重复；
背景附件：固定；
}
.欢迎{
/*造型在这里*/
}
谢谢你抽出时间 使用带有CSS的div，位置：绝对 这里也回答了这个问题：
借用Cameron的话，你必须使用
绝对位置