2014-02-21 3 views
2

프로젝트 작업 중이고 상대 위치로 이미지를 추가했습니다. 그러나 브라우저에서 이미지는 Firefox를 제외하고는 정상적으로 작동합니다. 이미지를 클릭하면 이미지가 선택됩니다. 당신이 방문하여 링크를 볼 수 있습니다Firefox 이미지 선택 버그 CSS

방문일 : http://tinypic.com/r/5e7go1/8

또는 웹 사이트 URL을 확인할 수 있습니다 http://cqindia.org/website/ 여기에 내가 웹 사이트를 업로드했습니다.

이 웹 사이트를 Firefox에서 열고 슬라이더 섹션으로 스크롤하면 버그를 볼 수 있습니다.

주요 문제는 배경 이미지를 클릭 할 때 이미지를 선택하는 경우입니다.

나는 이미 너무 많은 것들을 시도해 보았습니다 : 좋아요 - 절대 위치 및 변경된 z- 인덱스는 있지만 아무 것도 작동하지 않습니다.

또한 일부 스택 페이지를 방문했지만 답변을 찾을 수 없습니다.

+0

이것은 becau 이미지는 html로만 ''태그로 표시됩니다. 당신은 CSS를 통해 그들을 부르겠습니까? – Era

+0

프로젝트가 끝났기 때문에이 문제가 남아있어서 문제가 남아있는 이유 만 이해할 수 없으므로 그럴 수 없습니다. –

+0

태그를 div 태그 안에 넣으면 작동합니까? –

답변

4

해당 이미지에 대한 사용자의 선택을 해제하십시오

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

감사 :

-moz-user-select: none; 

이 작동하는 경우, 모든 브라우저를 통해 해결 될 수 있습니다

이미이 CSS 코드를 사용

-webkit-user-select: none; 
-khtml-user-select: none; 
-moz-user-select: none; 
-o-user-select: none; 
user-select: none; 
+0

이 작동합니다. +1 – Era

+0

웹 사이트 (위 URL에서 제공 한 URL)에 '.main_container section img'에 대한 규칙이 표시되지 않지만 신속하게 방화범을 통해 배치하면 선택 항목이 삭제됩니다. – wellagain