이상한 그림자 상자가 무작위로 나타납니다 - CSS 오류?

Question

this website에서 Chrome에서 '탐색'버튼을 클릭하거나 마우스를 가져갈 때 임의의 장소에서 이상한 상자가 나타납니다. 이게 뭐야? 나는 그 요소들을 조사했으나 그것들 중 어떤 것도 이것들을 일으킬 수는 없다고 생각합니다. 아래

스크린 샷 :

Answer 1

블러와 함께 문제가 발생했습니다. 배경이 흐림 필터를 사용하고 있었기 때문에 이상한 그림자가 생겼습니다. 왜 그리고 어떻게 이런 일이 일어나고 있는지 나는 확신하지 못한다. 흐림을 제거하고 Photoshop에서 실제 BG 이미지를 흐리게 처리했습니다. this question에서와 같은 문제가 발생한 것 같습니다.

Answer 2

1. 는 재현 파이어 폭스 나 크롬
2. 에
3. 를 잘 작성이
4. 모양을 검사 이상한 그림자 상자를 클릭하고 오류를 귀하의 사이트를 엽니 다 검사기의 박스 섀도우에 대한 확인란을 클릭하여 비활성화합니다.
5. 효과가 있다면 스스로 쿠키를주십시오! 당신은 마스터 디버거입니다

Answer 3

js를 통해로드되는 .tooltip가 있습니다. custom.js 파일에 18 개의 인스턴스가 호출되었습니다. 당신이 그것을 원하지 않으면, 당신은이 파일 내에서 그것을 부르는 것을 멈출 수 있습니다.

또는 CSS 파일에 27 개의 .tooltip 인스턴스가 있습니다. 당신은 그들을 제거하거나 그냥 .tooltip {border-style: hidden;} html 파일에 추가 할 수 있습니다 그리고 그것은 경계를 제거해야합니다.

당신은 페이지 아래 갈매기 위에 마우스를 올려 때 요소가 JS를 통해 추가되는 것을 볼 수 있습니다

[편집]

나는 크롬 관리자의 스크린 샷을했다. 툴팁을 완전히 없애거나 .tooltip, .fade, .top 또는 .in css를 검사하여 이러한 항목 중 어느 것이 문제의 상자를 생성하는지 확인할 수 있습니다.

이 문제는 css를 사용하여 중지 할 수 있어야합니다. 내 이해는, 만약 당신이 파일 자체를 변경하고 싶지 않다면 당신의 CSS 파일에 무엇이든 트럼프해야합니다 직접 HTML에 CSS를 넣어. HTH

Answer 4

스타일 시트에서 상자 그림자 (텍스트 그림자가 아닌 상자 그림자처럼 보임)가 표시됩니다. 마우스를 올리면 나타납니다. 따라서 요소를 검사 할 때 마우스를 올려 놓았을 때 요소를 검사하지 않았을 가능성이 있습니다.

스타일 시트로 이동하여 box-shadow을 검색하고 none으로 설정하십시오.