CSS是一種網頁設計的常用語言,它可以幫助我們對網頁進行各種樣式的設置。其中,設置圖片不可拖動也是CSS的一種常見應用。
在CSS中,我們可以使用以下代碼來設置圖片不可拖動:
img { -moz-user-select: none; /* 火狐瀏覽器 */ -webkit-user-drag: none; /* 谷歌、Safari和Opera瀏覽器 */ -webkit-user-select: none; /* 谷歌、Safari和Opera瀏覽器 */ -ms-user-select: none; /* IE10+瀏覽器 */ user-select: none; /* 通用 */ -webkit-touch-callout: none; /* iOS Safari */ }
這段代碼中,我們使用了多個CSS屬性來實現設置圖片不可拖動的效果。其中,user-select
是一個通用屬性,可以在大多數主流的瀏覽器中使用。此外,還有一些特定于瀏覽器的屬性,比如-moz-user-select
和-webkit-user-drag
等屬性,用來兼容不同的瀏覽器。
最后,如果您想要讓圖片在移動端也不能被長按拖動,那么還需要加上-webkit-touch-callout: none;
屬性。
綜上所述,設置圖片不可拖動是一項常用的CSS應用。通過幾行簡單的代碼,我們可以輕松實現這一效果,讓網頁更加美觀和易用。
上一篇php cutycapt
下一篇css 設置對角線