브라우저를 감지하고 특정 스타일 시트를 사용하는 자바 스크립트

Question

페이지의 정확한 위치에 절대적으로 있어야하는 웹 페이지의 단일 요소가 있으며 Chrome과 FF 사이의 높이가 14px 인 것으로 보입니다 그래픽 사이에 그래픽을 균일하게 배치 할 수 없습니다. IE9와 IE8에 대한 조건문을 사용했지만 Chrome과 FF에는 문제가 있습니다.

이 사이트의 메인 헤드 섹션이나 메인 글로벌 CSS에 액세스 할 수 없어 여백에 0이 글로벌 리셋되지 않습니다. 비록 내가 그렇게 할 수 있었다 할지라도, 많은 해킹과 수정이 있었으며, 글로벌 리셋을하는 것이 역효과를 낳을 것입니다.

그래서이 객체의 음악 의자를 뒤범벅 한 후 최종 해결책은 (단지 하나의 그래픽만으로는 우아하지 않지만)이 이미지의 여백 - 상단에 스타일 시트를 작성하는 것입니다 (사실 div javascript가 브라우저를 감지하고 그에 따라 스타일 시트를 제공하도록 (예 : FF 인 경우이 CSS를 렌더링하거나 Chrome 인 경우이 CSS를 렌더링).

불행하게도 내가 페이지를 표시 할 수 없습니다 만, 요소의 내 CSS는 다음과 같습니다

#telescope { 
    background: url("my-image.png") no-repeat scroll 0 0 transparent; 
    height: 102px; 
    position: absolute; 
    right: -48px; 
    margin-top: 748px; 
    width: 98px; 
    z-index: 1; 
    } 

Answer 1

은 CSS의 상단이 퍼팅보십시오 : BTW

* { 
margin: 0; 
padding: 0; 

font-family: "Open Sans", 'Consolas', sans-serif; 
    } 

html, body {height: 100%;}