<p>我在导航栏下方放置了一张背景图片，当你向下滚动时，导航栏会与你一起向下移动。但是当我在iPad上查看时，发现背景图片呈现为接近黑色的深蓝色。</p>
<pre class="brush:php;toolbar:false;">.background__image {
width: 100%;
background-image: url("https://background-image.jpg");
background-repeat: no-repeat;
background-position: center center;
background-attachment: fixed ;
background-size: cover;
height: 800px;
text-align: center;
display: flex;
justify-content: center;
}</pre>
<p><br /></p>
1
1079
![ThinkPHP5快速开发企业站点[全程实录]](https://img.php.cn/upload/course/000/000/068/6253d918a3ce7278.png)
收藏
.background__image { width: 100%; background-image: url("https://background-image.jpg"); background-repeat: no-repeat; background-position: center center; background-attachment: fixed; background-size: cover; height: 800px; text-align: center; display: flex; justify-content: center; } @media (max-width: 768px) { /* Adjust the max-width value as needed */ .background__image { background-attachment: scroll; } } 尝试使用媒体查询设置最大宽度为768px（根据您的需求进行调整），以针对较小的屏幕，如iPad或其他移动设备。在媒体查询内部，将background-attachment属性设置为scroll，使背景图片能够随内容在这些设备上一起滚动。