我正在尝试创建一种“窗口”效果，其中位于所有其他元素上方的div就像一个窗口，通过位于其正下方的叠加（背景颜色）元素。
Here is an example of what I mean.
我希望通过窗口看到文本。如何在不使用图像的情况下完成这项工作？
一种解决方案是创建一个非常宽的半透明边框。但是，这种方法会影响整体尺寸（或尺寸的外观）。
另一种解决方案（我正在使用的解决方案）是设置半透明box-shadow 具有较大的范围，无需单独的叠加div。
#cutout {
box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, 0.6);
-webkit-box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, 0.6);
-moz-box-shadow: 0px 0px 0px 5000px rgba(0, 0, 0, 0.6);
}
答案 0 :(得分：3)
根据我的理解，可能是你想要的
答案 1 :(得分：0)
答案 2 :(得分：0)
我最近对我的项目也提出了相同的想法，但这种所谓的cutout无效。透明窗口仍在上方一层，如果可以看到并滚动，则无法``触摸''下面的图层例如，如果在下面有