總結(jié)一下一些知識。

 

1.利用CSS穿透

常見發(fā)生場景:假如我們需要通過input,type=‘file’來上傳文件,而這個input的默認(rèn)樣式,可以說是非常地“不人道”。所以我們希望通過一張圖片,與這個input大小一樣,位置一致地蓋在上面。這個時候,顯然,這個時候點擊圖片,input是不會起作用的。就是因為img隔絕了click的穿透,而我們希望的是,這個img只是視覺上遮擋了input的樣式,但是點擊的時候還是點擊到input。所以,只要讓img可穿透即可。

css代碼如下:

網(wǎng)友評論