使上層div遮擋下層div的checkbox

2021-09-08 15:50:41 字數 553 閱讀 6650

最近做了乙個滾動的div在上層,div下面有頁面的div然後有checkbox,上層div 遮擋不了 下層div的checkbox;

自己不是專業的前端就在網上找了好久,但是沒有找到方法,然後突然看到乙個屬性  z-index 優先順序顯示;

專業解釋:

z-index 屬性指定乙個元素的堆疊順序。

擁有更高堆疊順序的元素總是會處於堆疊順序較低的元素的前面。

注意:z-index 進行定位元素(position:absolute, position:relative, or position:fixed)。

使用這個屬性就給解決了。  

# 沒有新增 z-index 屬性的效果:

# 新增 z-index 屬性的效果:

作為筆記分享一下。

解決div總是被select遮擋的問題

麥田怪圈 crop circle 是在麥田或其他農田上,透過某種力量把農作物壓平而產生出幾何圖案。此現象在1970年代後期才開始引起公眾注意。目前,有眾多麥田圈事件被他人或者自己揭發為有人故意製造出來以取樂或者招攬遊客。唯麥田圈中的作物 平順倒塌 方式以及植物莖節點的燒焦痕跡並不是人力壓平所能做到,...

解決div總是被select遮擋的問題

麥田怪圈 crop circle 是在麥田或其他農田上,透過某種力量把農作物壓平而產生出幾何圖案。此現象在1970年代後期才開始引起公眾注意。目前,有眾多麥田圈事件被他人或者自己揭發為有人故意製造出來以取樂或者招攬遊客。唯麥田圈中的作物 平順倒塌 方式以及植物莖節點的燒焦痕跡並不是人力壓平所能做到,...

關於FLASH遮擋DIV的解決辦法

其實flash遮擋div方法有很多,但大多數都沒有寫是為什麼遮擋了,下面是我總結的原因 可能不全,不過我現在還沒有發現在別的問題。原因也就是沒有給flash新增透明效果這個屬性。我們在標籤裡面新增如下 問題應該就解決了,並非是給z index設定值的問題。wmode transparent 有兩點要...