我正在尝试创建一种“窗口”效果,其中位于所有其他元素上方的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无效。透明窗口仍在上方一层,如果可以看到并滚动,则无法``触摸''下面的图层例如,如果在下面有