imgをクリックできないようにする方法は?その上に何かを描きたいのですが、マウスダウンすると、マウスムーブ画像がマウスを追いかけます。これは、そのままにしておくことは可能ですか?divの背景として作成できることはわかっていますが、今のところ img で試してみたいと思います。ありがとう。
私の言語のためにそれをより明確にするための画像: 画面
これを css に入れることで、おそらく問題を解決できます。
#myImage {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
}
編集(OPのコメント付き):
より完全な解決策は
#myImage {
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
user-select: none;
-moz-user-drag: none;
-khtml-user-drag: none;
-webkit-user-drag: none;
user-drag: none;
}
(私の経験では、ユーザーエクスペリエンスの低下を避けるために両方が必要です)
画像ブロックと同じ位置に留まる別の div を使用して、その z-index を画像よりもいくらか高く設定する必要があります。例えば、
<div id="main">
<img src="01.jpg" alt="..." />
<div id="draw"> </div>
</div>
あなたのCSS:
#main {
position: relative;
width: 300px;
height: 300px;
overflow: hidden;
}
#main img {
position: absolute;
bottom: 0;
z-index: -1;
}
#main #draw {
width: 300px;
height: 300px;
position: absolute;
bottom: 0;
z-index: 99;
}