絕對定位元素蓋住鏈結或新增某事件handle的元素後，那麼該鏈結的預設行為（頁面跳轉）或元素事件將不會被觸發。
現在firefox3.6+/safari4+/chrome支援乙個稱為pointer-events的css屬性。使用該屬性可以決定是否能穿透絕對定位元素去觸發下面元素的某些行為。如下:
複製**
**如下:
css:pointer-events程式設計客棧le>
sinamail
sinamail
開啟穿透點選
&lomyyoekcent;/p>
預設情況下，鏈結和span元素被絕對定位的兩個div都遮住了。分別點選後無反應，即無法觸發鏈結a的預設行為，無法觸發span元素的click事件。但開啟穿透點選後支援pointer-events的瀏覽器firefox/safari/chrome中再次點選鏈結和span則可以觸發相應的行為。
示例非常的清晰易懂，小夥伴們都了解了吧，希望大家能夠喜歡。
本文標題: css中pointer-events屬性詳解
本文位址: /web/css/83282.html
CSS 關於css中的border
曾經一直以為html中的border是直角的，直到有一天 test效果如下 突然有一種被欺騙了的感覺。我們可以選擇理解乙個border為兩個三角形再加乙個矩形。如上所示。繪製小尾巴 當對乙個角應用圓角樣式，如果這個角相鄰的兩個border乙個有定義而乙個無定義，那麼繪製的結果就是由粗到細的 小尾巴了...
CSS中引入CSS樣式的方法
html宣告標籤 定義和用法 宣告必須是html文件的第一行，位於標籤之前。宣告不是html標籤 他是指示web瀏覽器關於頁面使用哪個html版本進行編寫的指令 在html4.0中，宣告引用dtd，因為html4.01基於sgml。dtd規定了標記語言的則 這樣瀏覽器才能正確的呈現內容。html5不...
css中強制換行
結構 1.transshipment booking system is launched只對英文起作用，以字母作為換行依據 2.transshipment booking system is launched只對英文起作用，以單詞作為換行依據 3.transshipment booking sys...