2012-12-05 3 views
1

파이어 버그/콘솔 스타일의 호버 효과

은 기본적으로 내가 사이트 편집기를 만드는 중이라서 ...이 할 수있는 방법의 거기 whos는 알고 어떤 천재가있을 수 있습니다 나는 이것에 대한 답을 알고 있다고 생각하지만, 단지 생각 내가 그런 방법을 복제 할 수 있다면 놀라 울 정도로 편리 할 것입니다. Firebug 및 Chrome 콘솔은 해당 관리자의 html/요소 탭에서 코드 위에 마우스를 가져갈 때 요소를 강조 표시합니다.

그게 할 수있는 일이 아닙니다. 배경 효과는 전체 Div (강조 표시 위의 내용 표시)를 강조하지 않기 때문에 모든 내용의 맨 위에 div 오버레이를 만들지는 않지만 어쨌든 기본이되는 마우스 오버를 차단하지 않아야한다고 생각합니다. 요소 ...

누구나 아이디어가 있습니까? 이런 종류의 것을 구현하는 브라우저 특정 코드가 있습니까?

답변

0

일반적으로 Firefox 확장은 대부분 JavaScript입니다. Firebug는 BSD 라이선스이므로, project site에서 소스 코드를 검색 할 수 있습니다. 어쩌면 관련 코드를 찾아 특정 작업을 해결하는 방법을 알 수 있습니다.

0

outline은 레이아웃에 영향을 미치지 않으므로 마우스 오버시 CSS에 outline을 추가 할 수 있습니다. 위치를 변경하지 않고 요소를 강조 표시합니다. box-shadow도 비슷하게 작동합니다.

사실, 방화범이 끌려서 어두운 푸른 색을 추가하여 요소를 강조 표시합니다. box-shadow