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