在網(wǎng)頁開發(fā)中,CSS是非常重要的一部分。CSS不僅可以美化網(wǎng)頁,還可以提高用戶體驗(yàn)。然而,很多網(wǎng)站的CSS文件卻會被不法分子下載,用于偽造網(wǎng)站、盜取用戶信息等違法行為。為了防止CSS被下載,我們可以采取以下措施:
body { -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
上述代碼可以禁止用戶通過右鍵菜單下載網(wǎng)頁中的內(nèi)容。其中,-webkit-touch-callout是阻止長按鏈接彈出菜單,-webkit-user-select是禁止選中頁面文本,-moz-user-select是 Firefox 版本,-ms-user-select是 IE 版本,user-select是標(biāo)準(zhǔn)寫法。
.nondownloadable { background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0ibm9uZSIgZGF0YS1uYW1lPSJMYXllcl8tRG93bmxvYWRzIiBzdHlsZT0iZmlsbC1vcGFjaXR5OiAzMHB4OyBmaWxsLW9wYWNpdHktd2lkdGg6Mi4wMDAwMDAwMHU7Ij4KICA8Zz4KICAgIDxwb2x5Z29uIGZpbGw9IiNmZmYiIGlkPSJwb2x5Z29uMiI+CiAgICAgIDxwYXRoIGZpbGw9IiNmZmYiIGQ9Ik01MCwxMCBMNTAsMjAgWiIvPgogICAgPC9wb2x5Z29uPgogIDwvZz4KPC9zdmc+'); background-repeat: no-repeat; background-position: center center; }
另外,我們也可以通過CSS代碼,將文字與圖片合并成背景圖的方式,防止被直接下載。上述代碼可以將文字“Layer - Downloadables”與一個背景圖合并成一個不可下載的整體。
以上兩種方法都可以有效防止CSS被下載,提高網(wǎng)站的安全性。