https://i.loli.net/2020/05/31/IgKhoFND87QMt6L.jpg
并不能确定 div 的尺寸和位置，但是想实现这种层叠，有可能吗？
并不能确定 div 的尺寸和位置，但是想实现这种层叠，有可能吗？
This topic created in 2349 days ago, the information mentioned may be changed or developed.
 |
Wait845May 31, 2020 via iPhone
1
可以，最低下的方块用两个 div 拼成
|
 |
2
@Wait845 无法确定最底下的 div 的具体位置，怎么分为两个来拼凑呢，你的解决办法是用他和上层叠加的部分来创建一个新的 div，然后伪装成上层的 div 放在最上面吧
|
 |
PerryMay 31, 2020
3
现实中真有这种需求？
|
 |
delectateMay 31, 2020
4
没办法。但是可以找办法。
比如确定分别画 4 个大方块，然后再画 4 个重叠部分的方块，最后画一个白色的中心块。 也就是说画 9 个方块，从视觉上实现这种层叠效果。 |
 |
zanyxdMay 31, 2020 via Android
5
三种想法
1.可以用四块 div 然后背景图片障眼法 2.或者伪元素改背景色定位到角落 3.直接做 SVG 放上去可能比调定位更省事… |
 |
netnrMay 31, 2020
7
|
 |
TomVistaMay 31, 2020
9
分成 8 块就好了.
|
 |
11
正确的方法是用 css 的 3d transform，给每个层做个 1deg 左右的旋转，并且启用透视即可：
https://codepen.io/mutoo/pen/zYvgMoL 关键是这句：transform-style: preserve-3d; |
8
Select Language