如果你正在設計網頁,你可能希望禁止訪客復制你的圖片。這可以通過CSS來實現。以下是一些簡單的CSS規則,可以幫助你禁止其他人通過右鍵點擊圖片來拷貝:
img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -o-user-select: none; user-select: none; pointer-events: none; }
這些CSS規則確保無論用戶在何時,通過何種方法,都無法拖動或選擇圖像。如果需要允許用戶選擇和復制文本,您可以使用以下代碼:
img { -webkit-user-drag: none; -khtml-user-drag: none; -moz-user-drag: none; -o-user-drag: none; user-drag: none; pointer-events: none; } img::before { content: none; } img::after { content: none; }
這些規則將在圖像前面和后面添加偽元素,防止將其從其他應用程序復制到剪貼板。這樣,用戶仍可以選擇和復制文本,但是無法復制圖片。
上一篇css怎么看見后面的東西
下一篇html css 下邊框