Class
  • 강좌게시판
  • Tip&Tech
  • Download
  • Tip&Tech
  • HOME > Class > Tip&Tech > 핵 없이 브라우저 구분. / CSS Browser Selector / css hack
[브라우저] 핵 없이 브라우저 구분. / CSS Browser Selector / css hack
글쓴이 기술레벨커뮤니티레벨송효진 날 짜 11-10-31 17:12 조 회 2732
간편URL http://www.phpschool.com/link/tipntech/74486 복사

SyntaxHighlight로 보기

Link1 http://code.google.com/p/css-browser-selector/ (269)
Link2 http://css-browser-selector.googlecode.com/files/css_browser_selector.… (460)
fork 했습니다.
http://code.google.com/p/css-browser-selector/

original
http://rafael.adm.br/css_browser_selector/
http://github.com/rafaelp/css_browser_selector/raw/master/css_browser_selector.js

js 파일 하나 얹어주면 html 태그에 브라우저에 해당하는 className 속성이 들어갑니다.

ie6 에서만 유독 글자 아래 마진이 넓다던가 하면

.myText { margin-bottom:2px; }
.ie6 .myText { margin-bottom:1px; } /* !important 를 해야 하던가...귀찮아서 확인 안함.*/

이런식으로 표현해 주면 됩니다.

.win.gecko
.linux.gecko
같은 표현도 가능해서 디자인을 병적으로 맞출 수도 있습니다.

마지막 업데이트가 작년 10월이라는 점이 조금 걸리긴 하는데,
ie6~8 정도만 구분되면 나머지 브라우저는 버전구분 안해도 지장 없을거라 생각됩니다.

twitter 활동이 활발한 것 같으니 최근 브라우저 패치해서 보내주면 좋을 것 같아요~



LICENSE
http://creativecommons.org/licenses/by/2.5/
  • License
  • 본 게시물은 저작자에게 모든 권리가 있습니다.

전체댓글수 11

  • 기술레벨커뮤니티레벨송효진 11-10-31 17:49

    소스보기

  • .ie67 .ie678 과 ff4 부터도 되게 패치해서 메일 보냈음.

    지메일 쓰는 사람을 위한 메일보내기 링크도 있네요. 이런것도 좋은 팁인 듯.
    https://mail.google.com/mail/?view=cm&fs=1&tf=1&source=mailto&to=받을사람메일계정
  • 기술레벨커뮤니티레벨벤지 11-10-31 21:58

    소스보기

  • 패치해서 메일 보내신거
    이 게시물에 올려 주시면 않될까요?
  • 기술레벨커뮤니티레벨거렁뱅이 11-10-31 18:25

    소스보기

  • 오우 감사합니다 ㅎㅎ
  • 기술레벨커뮤니티레벨벤지 11-10-31 19:23

    소스보기

  • 정말 감사합니다..(ㅡㅡ)(_ _)
    엄청난 자료인데요...^---^...생각할수록 대박입니다.
  • 기술레벨커뮤니티레벨타이니 11-10-31 20:00

    소스보기

  • 감사합니다!
    울 디자이너 줘야겠네요. 크로스브라우징 하면서 항상 '씨바 씨바' 거리던데...
  • 기술레벨커뮤니티레벨알찬돌삐 11-10-31 20:05

    소스보기

  • 최상위 html 엘리먼트에 className 을 주는거군요.
    우왕ㅋ굳ㅋ.
  • 기술레벨커뮤니티레벨"Develop"+"er" 11-10-31 21:24

    소스보기

  • 와 정말 감사합니다!~
  • 기술레벨커뮤니티레벨콜라딸기맛 11-11-01 00:07

    소스보기

  • 역시고수다.
  • 기술레벨커뮤니티레벨통닭장사 11-11-01 11:10

    소스보기

  • 효진님 버전이 더 땡김
    어디서 받을수 있나요!!!!!!!
  • 기술레벨커뮤니티레벨송효진 11-11-01 14:42

    소스보기

  • 메일 답변이 없어서 업로드.
  • 기술레벨커뮤니티레벨벤지 11-11-01 14:55

    소스보기

  • 감사합니다...^---^
  • 게시물 12,479건 RSS
번호분류제목글쓴이날짜조회
12,419 브라우저 CSS Browser Selector IE 10 대응 [10] 기술레벨커뮤니티레벨송효진 13-02-28 954
12,418 HTML scss (sass) 소개 및 윈도 설정 방법 [5] 링크 기술레벨커뮤니티레벨송효진 13-02-27 636
12,417 스크립트 Restful API를 제공하는데 쓸만한 framework 링크 기술레벨커뮤니티레벨폭스테리어 13-02-27 638
12,416 정보 도로명 우편주소 (업데이트, 웹호스팅, 영문 사용가능) [2] 첨부파일 기술레벨커뮤니티레벨casis 13-02-26 745
12,415 서버운영 주기적인 로컬>리모트 rsync 시 mtime 검사로 요청 줄이기 [1] 기술레벨커뮤니티레벨송효진 13-02-26 480
12,414 HTML Google Chrome 25 CSS 버그. inline-block 표시 [1] 링크 기술레벨커뮤니티레벨폭스테리어 13-02-26 568
12,413 HTML 웹폰트 아이콘 Font Awesome [6] 링크 인기 기술레벨커뮤니티레벨송효진 13-02-22 1095
12,412 스크립트 서버에서 브라우저를 맘대로 컨트롤하는 casper.js [3] 인기 기술레벨커뮤니티레벨크어억123 13-02-22 1056
12,411 스크립트 자바스크립트 문자열 연산할 때 최고 빠른것 [2] 링크 기술레벨커뮤니티레벨폭스테리어 13-02-22 739
12,410 스크립트 NodeJS 기반의 NET 모듈로 구현한 웹 서버 [7] 링크 기술레벨커뮤니티레벨문학청년 13-02-20 874
12,409 스크립트 JavaScript Garden, 알쏭달쏭한 자스 문법을 깔끔히 [8] 링크 기술레벨커뮤니티레벨폭스테리어 13-02-20 770
12,408 스크립트 순수 자바스크립트로 구현한 Simple jQuery [10] 링크 인기 기술레벨커뮤니티레벨문학청년 13-02-19 1179
12,407 기타 프리챌 게시판 가져오기 소스 [2] 첨부파일 인기 기술레벨커뮤니티레벨아니오 13-02-14 1713
12,406 정보 웹폰트 없이 예쁜 한글 글꼴 사용하기 (이미지 자동생성) [14] 링크 인기 기술레벨커뮤니티레벨곰탱이푸 13-02-12 1512
12,405 기타 영문 온라인 필기 인식 [2] 링크 첨부파일 기술레벨커뮤니티레벨wkpark 13-02-09 885
12,404 DBMS mysql bin log 복구 [6] 기술레벨커뮤니티레벨송효진 13-02-07 892
12,403 DBMS [mssql] group by + case와 where+group by의 비교 [7] 링크 기술레벨커뮤니티레벨봄돌#3141 13-02-06 706
12,402 알고리즘 모바일답변형 게시판 구현원리 [29] 첨부파일 인기 기술레벨커뮤니티레벨개발사랑 13-02-06 1468
12,401 정보 10원, 한글 사용에 관하여.... [6] 첨부파일 기술레벨커뮤니티레벨레어닉 13-02-06 877
12,400 설치/설정 atime 을 꺼서 쓸데없는 write 요청을 줄이자. [5] 기술레벨커뮤니티레벨송효진 13-02-05 695
 
12345678910
글쓰기
SEARCH 검색하기