給網站添加canvas動態背景.完后發現有a標簽無法點擊,想到是canvas覆蓋了(但有些是可以的).網上查找,有解決穿透的問題,但canvas的鼠標事件會無效.后發現是定位問題.
canvas樣式
canvas {
position: fixed;
width: 100%;
height: 100%;
}
解決穿透
給canvas樣式添加如下屬性:
pointer-events:none;
實現穿透且保留canvas鼠標事件
給被覆蓋的dom元素樣式添加如下屬性:
position:relative;