允许通过父母进行视力的子元素

时间:2016-06-07 12:46:35

标签: javascript html css

有没有办法让子元素的背景显示其背后的元素?例如,如果您想要关注页面的某个部分,则可以设置不透明的叠加层,然后将一个明确的子元素放在您想要查看原始页面的位置。在我的特定情况下,我不能使用图像,因为clear元素需要跟随用户的光标来显示页面的不同部分。

2 个答案:

答案 0 :(得分:2)

这里有类似的内容Making Part of a Div Transparent

答案 1 :(得分:2)

使用javascript我可以调整四个元素的大小来覆盖一个子div周围的区域。

<div id="top" style="width:100%; top:0px;">Move your mouse!</div>
<div id="right" style="right:0px;"></div>
<div id="left" style="left:0px;"></div>
<div id="bottom" style="width:100%; bottom:0px;"></div>
<div id="center"></div>

Working jsFiddle here.