允許通過父母看到的子元素

有沒有辦法讓子元素的背景顯示其父元素後面的元素？例如，如果您想專注於頁面的某個部分，則可以放置一個不透明的疊加層，然後放置一個清晰的要查看原始頁面的位置的子元素。在我的特殊情況下，我無法使用圖像，因爲clear元素需要按照用戶的光標顯示頁面的不同部分。允許通過父母看到的子元素

來源

2016-06-07 Tom Burris

我認爲這是可以使用元素的CSS opacity屬性來完成。 http://www.w3schools.com/css/css_image_transparency.asp –

不幸的是，這就像把一塊玻璃貼在牆上試圖看穿牆。 –

這裏有Making Part of a Div Transparent

來源

2016-06-07 12:53:58

最終目標是讓用戶的鼠標具有清晰的元素，使圖像的使用幾乎不可能，但這是正確的答案。如果很快沒有更好的答案，我會標記它。謝謝。 –

完全沒問題。這是一個有趣的問題。我認爲還有一些叫做css masking的東西。不知道它是否確實在所有瀏覽器上，但你可以看一看。 https://css-tricks.com/clipping-masking-css/ –

使用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.

來源

2016-06-07 13:58:39

允許通過父母看到的子元素

回答

相關問題