在固定透明区域后面遮罩元素



我有一个divcontainer1,其中包含不同的元素,如其他div或svg。

这些元素可以上下滚动container1

但是现在有一个container1区域,这些元素不应该是可见的,而container1本身仍然正常可见。我必须以某种方式用看不见的元素掩盖它们!

在下面的说明性图像中,您可以看到:

  1. container1: 红色区域
  2. container1内的元素 : 黑色
  3. container1可见但元素不可见的区域:橙色矩形

但重要的是,元素的某些部分,例如 svg,不在该区域后面,仍然可见!

有没有办法掩盖特定区域?

如果"橙色矩形"后面的元素是隐藏的,那是因为"橙色矩形"有背景。HTML 元素(如 span、div、p 等(不能隐藏它们后面的元素,除非这些元素有背景。 如果橙色矩形具有背景,则其后面的元素将被隐藏,但您可以使用z-index属性将矩形后面的元素置于前面。

最新更新