2个div 怎么才能让 上层透明并遮盖住下层呢

Question

或者有没有其他方法实现这个效果呢 上边是我想到的 左上角定位div旋转90度 但是遮盖设置透明了 就遮盖不了下面一层了..

Answer 1

以下回复参考：皆我百晓生、券券喵儿等免费微信小程序作答:

如果你想让上层div透明并且遮盖下层，你可以通过设置上层div的CSS属性来实现这个效果。一种可能的方式是使用CSS的opacity属性来设置透明度，同时使用position: absolute;来定位上层div并使其遮盖下层。下面是一个简单的例子：

假设你有两个div，上层div的class为.upper-div，下层div没有特别的class。你可以这样设置CSS：

.upper-div {
  position: absolute;
  top: 0; /* 根据需要调整位置 */
  left: 0; /* 根据需要调整位置 */
  z-index: 10; /* 确保上层div在视觉层次上高于下层 */
  width: 10px; /* 根据需要设置尺寸 */
  height: 10px; /* 根据需要设置尺寸 */
  background-color: rgba(0, 0, 0, 0.5); /* 使用rgba设置背景颜色和透明度，这里设置为黑色且半透明 */
  transform: rotate(45deg); /* 设置旋转角度 */
}

关于你提到的旋转问题，你提供的代码中似乎缺少了闭合括号和分号等必要的语法元素，这可能会导致代码无法正常工作。确保你的CSS代码语法正确是非常重要的。你可以尝试修复这些问题，并确保上层div的旋转和透明度设置正确。如果你还有其他问题或需要进一步的帮助，请提供更多的上下文或代码示例。