網頁

2017年4月18日 星期二

A tag點選事件穿透上層Div

最近一個案子首頁滿版底圖中空youtube影片顯示,現在很多都這樣設計,但偏偏其右側偏中有個scroll的圖片加連結,切版拿到時,發現不讓景點出現在四週留白,連結會不能點選(因為被底圖的DIV所蓋住了,最快方式就是讓底圖無法被click,找半天發現CSS就能設定,如下:

.bg{
     pointer-events: none; //在CSS中加這段即可
}

不過IE似乎問題不少,但這篇HTML/CSS make clickable through transparent DIV layer有提到覺得IE很麻煩設定,可以試著用這個Pointer Events Polyfill

參考網址:
Click through a DIV to underlying elements
HTML/CSS make clickable through transparent DIV layer
Pointer-events:none or Click Through div

沒有留言:

張貼留言