画像を選択できないようにする

Question

私はdreamweaverCS5でウェブサイトを作成しています。フォトショップから画像をエクスポートし、テーブルに挿入しました。サイトを表示すると、すべての画像が選択可能です（デスクトップにドラッグできます）。これを変更するにはどうすればよいですか？ onclickメソッドでそれをやりたいのですが、どうすればこれを達成できますか？

<td><img src="images/people_03.png" name="one" width="1000" height="156" id="one" ONCLICK="closeimages();"/></td>

Answer 1

私が思う最も簡単な方法は、各セルにcss背景画像として画像を作成することです

Answer 2

私は同じ問題に苦しんでいるときにこの質問に出くわしましたが、受け入れられた答えは私にとって可能な解決策ではありませんでした。

私は見つけた情報を使用しました ここ 、特にcss内の私の体に次のスタイルを追加しました（これはFirefoxで私のために働きました、ChromeとOpera、私はできませんIEのテスト）

-moz-user-select: none;
-webkit-user-select: none;
user-select: none;

選択できないhtmlタグも役立つようですが、明らかにサポートされているのはIEとOpera：

<img src="1.jpg" unselectable="on">

javascriptソリューションと同様に、IEおよびwebkitブラウザで動作すると言われています：

<script>
window.onload = function() {
    document.body.onselectstart = function() {
        return false;
    }
}
</script>

注。 Albert Renshaw がコメントで指摘したように、このメソッドはChrome> 50では機能しなくなりました。

Answer 3

私は使うだろう pointer-events: none;私のCSSで

img {
  pointer-events: none;
}

Answer 4

これは機能します：

pointer-events: none;
user-select: none;