Jak wyłączyć podświetlenie na obrazie

Question

próbuję wyłączyć podświetlenie na obrazie, kiedy poruszają się z moim myszy na obrazek i przeciągnij, Spójrz:

dziękuję!

Answer 1

To jest właściwość przeglądarki, której nie można wyłączyć (chyba że chcesz użyć śmiesznej ilości js), jeśli używasz znacznika <img />. Możesz mieć to tło poprzez CSS jednak, że stałaby się undraggable

Answer 2

Spróbuj umieścić go jako tło css zamiast elementu img.

Answer 3

można spróbować (to nie będzie działać we wszystkich przeglądarkach):

img::-moz-selection { 
    background-color: transparent; 
    color: #000; 
} 

img::selection { 
    background-color: transparent; 
    color: #000; 
} 

Albo można użyć <div> o odpowiedniej szerokości i wysokość ustaw i użyj na niej obrazu tła CSS. Na przykład używam tego na mojej stronie:

<div id="header"></div> 

#header { 
    height: 79px; 
    width: 401px; 
    background: url(http://nclabs.org/images/header.png) no-repeat; 
} 

I wreszcie można użyć JavaScript programowo wyłączyć.

Answer 4

Ten wyłączone podświetlanie na elemencie DOM:

function disableSelection(target){ 
    if (typeof target.onselectstart!="undefined") // if IE 
     target.onselectstart=function(){return false} 
    else if (typeof target.style.MozUserSelect!="undefined") // if Firefox 
     target.style.MozUserSelect="none"; 
    else // others 
     target.onmousedown=function(){return false;} 

    target.style.cursor = "default"; 
} 

używać go tak:

disableSelection(document.getElementById("my_image")); 

Answer 5

użytkowania user-select nieruchomości:

img{ 
    -khtml-user-select: none; 
    -o-user-select: none; 
    -moz-user-select: none; 
    -webkit-user-select: none; 
    user-select: none; 
} 

Answer 6

img{ 
    -ms-user-select: none;  /* IE 10+ */ 
    -moz-user-select: none;  /* Firefox all */ 
    -webkit-user-select: none; /* Chrome all/Safari all */ 
    user-select: none;   /* Likely future */  
} 

Answer 7

W przypadku niektórych ludzi tutaj są zainteresowani t on Sass mixin:

// Prevent users to select an element 
@mixin no-select { 
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
} 

Answer 8

Aby usunąć zaznaczenie tekstu i obrazów z selektorem ciała cały użyciu stronę internetową

body { 
    -webkit-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
}