1.css點擊下層穿透上層元素，實現點擊下層元素的效果； pointer-events: none; 　　 ...

一、問題描述筆者是在些一個登錄界面時遇到這個問題的，需求是點擊登錄按鈕出現登錄懸浮框，初始化時登錄懸浮框是display:none的，但筆者發現登錄框那一塊區域的input框無法響應點擊時間，也無法獲得焦點。一般鼠標放在input框上是會變成編輯的橫杠，input框也會獲得焦點。二、解決方案對上層 ...

　　有這樣一個場景，在頁面的右上角有一個固定位置的按鈕，當不拉動垂直滾動條時，該按鈕是可以接受鼠標響應的；但是當將垂直滾動條拉到最底端時，該按鈕就不能響應鼠標操作了，此時該按鈕的樣式已經被下部分內容的樣式遮擋了，此時我們可以通過一個z-index屬性來解決該問題，只要在右上角固定的按鈕的樣式中添加 ...

元素位置重疊的背景常識 (x)html文檔中的元素默認處於普通流（normal flow）中，也就是說其順序由元素在文檔中的先后位置決定，此時一般不會產生重疊（但指定負邊距可能產生重疊）。 當我們用css為某個元素指定float浮動或者position定位后，元素的定位將會依情況發生如下改變 ...

多次在項目中遇到html頁面元素的非期待重疊錯誤，多數還是position定位情況下z-index的問題。其實每次解決類似問題思路大致都是一樣的，說到底還是對z-index的理解比較模糊，可以解決問題卻不大了解其原因，導致重復出錯......於是決定把重疊問題弄清下，把z-index理順下 ...

js可以獲取其元素的z-index值： 對於值的解讀： 值 描述 auto 默認。堆疊順序與父元素相等。 number 設置元素的堆疊順序。 inherit ...

"UC瀏覽器中，設置了position: fixed 的元素會遮擋z-index值更高的同輩元素(非fixed)。" 我們使用的artDialog彈窗中，在UC瀏覽器中，如果頁面高度大於一屏時，蒙版（fixed定位）會遮蓋住彈窗（absolute），並且滾動頁面的時候彈窗也會跟着頁面滾動 ...

最近寫CSS3和js結合，遇到了很多次z-index不生效的情況： 1.在用z-index的時候，該元素沒有定位（static定位除外） 2.在有定位的情況下，該元素的z-index沒有生效，是因為該元素的子元素后來居上，蓋住了該元素，解決方式：將蓋住該元素的子元素的z-index設置為負數 ...