Html 如何使用css制作img元素视差？
我想在基于引导的一侧实现视差。 页面顶部是带有图像的标题。带有src的图片将img设置为更具体Html 如何使用css制作img元素视差？,html,css,image,styling,parallax,Html,Css,Image,Styling,Parallax,我想在基于引导的一侧实现视差。 页面顶部是带有图像的标题。带有src的图片将img设置为更具体 <body> <header> <picture> <img class="main-img" sizes="(max-width: 1980px) 100vw, 1980px" srcset=" /img/img-s
<body>
<header>
<picture>
<img
class="main-img"
sizes="(max-width: 1980px) 100vw, 1980px"
srcset="
/img/img-small.jpg 640w,
/img/img-medium.jpg 1200w,
/img/img-large.jpg 1980w
"
src="/img/img-medium.jpg"
/>
</picture>
<div class="header-content">
..
</div>
</header>
<section ...>
..
可以用这个标记实现视差吗？如果我理解你所说的视差是静止的，你可以混合使用位置：粘性和网格 代码示例：（高度和最小高度值是足够高的真实内容）
*{
保证金：0；
}
标题{
显示：网格；
高度：200vh；
最小高度：1200px；
}
图像img{
位置：粘性；
排名：0；
}
图片，
.标题内容{
网格行：1；
网格柱：1；
}
.标题内容{
利润率最高：56%；
/*根据图像比例保留空间*/
边框：实心；
高度：50vh；
变换：比例（1）；
z指数：1；
背景：浅绿色；
}
图片img{}
.......