我有一个divcontainer1
,其中包含不同的元素,如其他div或svg。
这些元素可以上下滚动container1
但是现在有一个container1
区域,这些元素不应该是可见的,而container1
本身仍然正常可见。我必须以某种方式用看不见的元素掩盖它们!
在下面的说明性图像中,您可以看到:
container1
: 红色区域container1
内的元素 : 黑色container1
可见但元素不可见的区域:橙色矩形
但重要的是,元素的某些部分,例如 svg,不在该区域后面,仍然可见!
例
有没有办法掩盖特定区域?
如果"橙色矩形"后面的元素是隐藏的,那是因为"橙色矩形"有背景。HTML 元素(如 span、div、p 等(不能隐藏它们后面的元素,除非这些元素有背景。 如果橙色矩形具有背景,则其后面的元素将被隐藏,但您可以使用z-index
属性将矩形后面的元素置于前面。