2013-02-09 6 views
1

사용자가 IE6를 사용하는 것처럼 브라우저의 특정 버전을 사용하지 않는 경우 메시지를 표시하는 내 페이지 상단에 사용자에게 경고 티커 종류를 표시하고 싶습니다. "이 브라우저는 지원되지 않으므로 업그레이드하십시오."라는 메시지가 나타납니다.티커를 사용한 브라우저 호환성 표시

처음에는 브라우저 사용자가 사용 중인지 확인하는 방법과 두 번째로 Javascript/Jquery를 만드는 방법 또는 한 번만 표시해야하는 페이지 상단에 간단한 시세 표시기를 숨기려는 십자가가 있어야합니다 .

+2

Goog harder (AFAIK 1은 최신 HTML5 상용구에서도 기본적으로 구현됩니다.) –

+0

요즘은 브라우저 감지가 아닌 기능 감지에 관한 것입니다. jquery 지원을 참조하십시오. – mikakun

+0

@roXon 예, HTML5 상용구에 구현이 있습니다. http://html5boilerplate.com –

답변

1

메시지를 표시 할 브라우저/버전을 선택하십시오.

이전 IE에서이 작업을 수행하는 경우 메시지가 포함 된 HTML을 추가하고 상위 컨테이너에 "예전"클래스를 추가 할 수 있습니다. 셀렉터를 .old-ie에 대한 기본 스타일 시트에 추가하고 display: none; 속성을 지정하십시오.

조건부 주석을 사용하면 ie6.css, ie7.css (또는 인라인 CSS)의 기본 스타일 시트를 덮어 쓰고 .old-ie에 다른 선택기를 추가 할 수 있지만 이번에는 display: block;으로 지정하십시오.

Safari, Chrome, Firefox 등의 이전 버전을 타겟팅하려는 경우 위에 언급 된 mikakun과 같은 기능 감지 기능을 사용해야합니다.