使用媒体查询减小屏幕大小时,CSS Z-Index无法覆盖

uinbv5nw  于 2022-12-27  发布在  其他
关注(0)|答案(1)|浏览(140)

当我做全尺寸笔记本电脑的z索引是1下面的图像的一部分,我做媒体查询的最大宽度1020px这是移动的大小,我做了下面的代码来删除z索引,但它仍然是一样的,我不能使图像的全尺寸没有z索引。

@media (max-width: 1020px) {
   .title-row{
     text-align: center;
   }
   .title-image{
     position: static;
     transform: rotate(0);
     object-fit: contain;
     z-index: 1;
   }
}

我尝试了对象拟合,z索引,并尽我所能,但没有使用,我希望图像和功能部分被视为单独的,而不是功能部分覆盖在图像上

eoigrqb6

eoigrqb61#

z-index仅适用于定位的元素(位置:绝对位置:* * 相对**,位置:* * 固定**,或位置:* * 粘滞**)和Flex项(显示的直接子元素:Flex元素)。
此致,

相关问题