是否曾經有過這樣的經歷:把一個元素置于另一個元素之上,而希望下面的那個元素成為可點擊的?現在,利用css的pointer-events屬性即可做到。
CSS pointer-events
Pointer-events原本來源于SVG,目前在很多瀏覽器中已經得到體現。不過,要讓任何HTML元素生效還得借助于一點點css。該屬性稱之為pointer-events,基本上可以將它設置為auto,這是正常的行為,而“none”是一個有趣的屬性。
將它應用到一個元素
如果你已經設置一個元素的css屬性為pointer-events: none。它將不會捕獲任何click事件,而是讓事件穿過該元素到達下面的元素,就像這樣:
新聞熱點
疑難解答