×
Crocus
공부한 내용을 정리하는 블로그로 시작한
Crocus는 2014년 1월 14일 부터 시작하여
현재 월 6만명, 총 2,045,673명의 방문자 수를 기록하고 있습니다.
Donation
이제 많은 사용자들이 이용하는 만큼
더 다양한 서비스 개발/제공을 위해 후원금을 모금하고자 합니다.
후원을 해주시는 분들은 Donators 명단에 성명, 후원금을 기입해드리며
Crocus 블로그가 아닌 다른 곳에 정리해둔 저만의 내용을 공유해 드리고자 합니다.
Account
예금주 : 고관우
신한은행 : 110-334-866541
카카오뱅크 : 3333-01-7888060

👉 후원 페이지 바로가기 Donators
익명 : 5000원(Crocus응원합니다.)
busyhuman: 5000원(유용한 지식 감사합니다.)
익명 : 5000원(알고리즘 학습러)
반응형

이미지든, 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

 

반응형