当前位置: 动力学知识库 > 问答 > 编程问答 >

html - Make images not selectable

问题描述:

I am making a website in dreamweaver CS5. I exported the images from photoshop an inserted them into a table. When I view the site all the images are selectable(you are able to drag them to your desktop). How do I change this??? I want to do it with an onclick method in addition how would I achieve this?

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

网友答案:

Easiest way I think would be to make the images as css background images to each cell

网友答案:

I stumbled upon this question while struggling with the same problem but the accepted answer was not a possible solution for me.

I used the info found here , in particular adding the following styles to my body, inside the css (this worked for me in Firefox, Chrome and Opera, I cannot test for IE)

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

The unselectable html tag seems also helpful, but it's apparently supported only by IE and Opera:

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

as well as the javascript solution, that is said to work on IE and webkit browsers:

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

Note. As Albert Renshaw pointed in the comment this method no longer works in Chrome > 50.

网友答案:

I would use pointer-events: none; in my CSS

img {
  pointer-events: none;
}
网友答案:

Here is a link that addresses the subject from a different viewpoint.

http://blogs.sitepoint.com/dont-disable-right-click/

分享给朋友:
您可能感兴趣的文章:
随机阅读: