欧美一区二区三区,国内熟女精品熟女A片视频小说,日本av网,小鲜肉男男GAY做受XXX网站

css+圖片防拷貝

林國瑞1年前7瀏覽0評論

在網站開發中,防止用戶盜用圖片是一個必須要考慮的問題。其中,CSS和圖片搭配的方式能夠有效地防止圖片的盜用。

img{
-webkit-touch-callout:none;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

上述代碼是通過在CSS文件中給img標簽添加選中樣式來防止用戶通過右鍵選擇圖片的方法,避免簡單的圖片截圖、另存為等操作。同時,通過添加禁止text-select樣式,禁止用戶通過長按圖片來復制圖片的方式,進一步增加了圖片的保護力度。

background-image: url('被保護的圖片');
-webkit-filter: blur(3px);
-moz-filter: blur(3px);
-ms-filter: blur(3px);
-o-filter: blur(3px);
filter: blur(3px);

另外,我們可以使用虛化圖片的方式來防止用戶截屏或是直接復制圖片。上述代碼是通過使用CSS的blur濾鏡來實現圖片的虛化,從而增加相應難度。

通過使用CSS和圖片搭配的方式能夠有效地防止圖片盜用,并且不會影響圖片的顯示效果。但是,我們也需要意識到,這并不意味著我們一定要防止圖片被使用。對于某些情況下需要被共享使用的圖片,我們應該予以放寬限度,否則過度的防護只會損害到網站的用戶體驗。