반응형

이미지든, text든 element라면 아래 링크와 같은 css로 select를 할 수 없도록 할 수 있다.

 

필자는 아래 스택 오버플로우 내용 중 해당 css를 이용하였고, 그 중 user-select: none;만 사용하였다.

(crocus 사이트는 chrome optimized로 만들어지고 있다.)

 

img {

  -webkit-user-select: none;

  -khtml-user-select: none;

  -moz-user-select: none;

  -o-user-select: none;

  user-select: none;

}

 

https://stackoverflow.com/questions/7439042/css-js-to-prevent-dragging-of-ghost-image

 

CSS /JS to prevent dragging of ghost image?

Is there a way to prevent the user from seeing a ghost of the image they are trying to drag (not concern about security of the images, but the experience). I've tried this which fixes the problem ...

stackoverflow.com

 

반응형