css - 不能在另一个图像上重叠多个图像?
问题描述
我想让我的页面上的三个图像重叠在另一个上,然后shadow-box
在重叠的图像上制作。第一个图像(.hem)与第二个图像(.sol)重叠,但我无法让(.sol)重叠(.vatten)。这是我的CSS。
#projekt {
position: relative;
left: 50%;
transform: translateX(-50%);
width: 100vw;
height: 100vh;
}
.hem {
width: 28%;
position: relative;
margin-left: -65px;
}
.sol {
width: 23%;
margin-left: -35px;
margin-bottom: 40px;
}
.vatten {
width: 23%;
margin-left: -65px;
margin-bottom: 75px;
}
(#projekt) 只是我下课的 div。
继承人的HTML:
解决方案
推荐阅读
- c++11 - 如何派生抽象模板类,模板类型作为函数参数 (C++11)
- r - `searchTwitter`:searchString 参数中空格和 + 之间的区别
- javascript - 如何检查用户输入是否是javascript中数组内的元素?
- javascript - JavaScript点击事件没有改变样式
- php - 从另一个文件调用php函数错误
- qt - QML:使用 RichText 时将文本包装到高度
- reactjs - React 在社交媒体上分享内容
- javascript - Google 表格中的 Google Apps 脚本是否有类似悬停的触发器?
- python - combine dataframes in pandas with repeat slices of one of them
- json - 如何拦截调用并动态返回 JSON 文件(没有“导入”)