總結(jié)一下一些知識(shí)。
1.利用CSS穿透
常見(jiàn)發(fā)生場(chǎng)景:假如我們需要通過(guò)input,type=‘file’來(lái)上傳文件,而這個(gè)input的默認(rèn)樣式,可以說(shuō)是非常地“不人道”。所以我們希望通過(guò)一張圖片,與這個(gè)input大小一樣,位置一致地蓋在上面。這個(gè)時(shí)候,顯然,這個(gè)時(shí)候點(diǎn)擊圖片,input是不會(huì)起作用的。就是因?yàn)閕mg隔絕了click的穿透,而我們希望的是,這個(gè)img只是視覺(jué)上遮擋了input的樣式,但是點(diǎn)擊的時(shí)候還是點(diǎn)擊到input。所以,只要讓img可穿透即可。
css代碼如下:
1
|
延伸閱讀
我想了解如何學(xué)習(xí) |