CSS3提供了一個(gè)屬性,可以禁止網(wǎng)頁(yè)上的圖片被另存到本地電腦上。這個(gè)屬性是-webkit-user-select,只對(duì)webkit內(nèi)核的瀏覽器有效,如Chrome和Safari。以下是如何使用這個(gè)屬性來(lái)達(dá)到禁止另存圖片的效果。
img{ -webkit-user-select:none; }
上面的代碼使用了CSS3中的偽類(lèi)選擇器user-select,它用于控制用戶選擇頁(yè)面上的元素時(shí)的行為。當(dāng)user-select設(shè)置為none時(shí),用戶將無(wú)法在屏幕上選擇并復(fù)制相應(yīng)的元素,包括圖片。
需要注意的是,雖然設(shè)置-webkit-user-select:none能夠防止圖片被右鍵另存為,但是用戶仍然可以通過(guò)截屏來(lái)獲取圖片。另外,該屬性只對(duì)webkit內(nèi)核的瀏覽器有效,其他瀏覽器不受影響。
總之,禁止圖片被另存為對(duì)于一些需要保護(hù)版權(quán)的網(wǎng)站來(lái)說(shuō)非常重要。但是,該屬性不是普遍適用的,在使用時(shí)需要結(jié)合具體情況進(jìn)行選擇。