<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd ">
<html xmlns=" http://www.w3.org/1999/xhtml ">
<머리>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>IE6, IE7, IE8, FireFox를 차별화하는 CSS 해킹</title>
<스타일 유형="텍스트/css">
<!--
#테스트,#참고{
여백:0 자동;
텍스트 정렬:가운데;
}
.note{ 텍스트 정렬:왼쪽; 텍스트 들여쓰기:40px;}
#시험 {
너비:200px;
높이:30px;
테두리: 1px 솔리드 #000000;
색상:#fff;
줄 높이:30px;
}
.색상{
background-color: #CC00FF; /*모든 브라우저는 보라색으로 표시됩니다*/
background-color: #FF00009; /*IE6, IE7, IE8은 빨간색으로 표시됩니다*/
*배경색: #0066FF; /*IE6 및 IE7은 파란색으로 변합니다*/
_Background-color: #009933; /*IE6은 녹색으로 변합니다*/
}
-->
</style>
</head>
<본문>
<div id="test" class="color">테스트 블록 zss</div>
<div id="참고">
<strong style="color:#009933">IE6이 녹색으로 표시됨</strong>
<strong style="color:#0066FF">IE7이 파란색으로 표시됨</strong>
<strong style="color:#FF0000">IE8이 빨간색으로 표시됨</strong>
<strong style="color:#CC00FF">FireFox가 마침내 보라색으로 변했습니다</strong>
<div 클래스="참고">
오늘 hiccblogs에서 IE8 호환성에 대한 기사를 봤습니다. 매우 간단합니다. 아쉽게도 IE에서만 호환되며 IE7의 핵심을 기반으로 하기 때문에 큰 한계가 있습니다. 나는 CSS 호환성에 비교적 능숙하다고 생각한다. IE8이 출시되었기 때문에 IE8의 호환성을 연구해보자.
</div>
<div class="note">CSS 호환성은 항상 모든 사람에게 골칫거리였습니다. IE6, IE7 및 FF는 이미 이전 기사에서 이 분야에 대한 많은 지식을 소개했습니다. IE8 정식 버전이 출시된 이후, IE8 정식 버전과 구별할 수 있는 방법을 찾아보려고 노력해왔는데, 바이두에서 검색하면 결과가 더 많고, 구글에서 검색하면 훨씬 더 많은 결과가 나옵니다. 해킹 측면에서 IE8의 공식 버전과 베타 버전 사이에는 큰 차이가 있습니다. 게다가 인터넷에 있는 거의 모든 방법이 서로 복제되어 가장 자주 나타나는 것은 linxz.cn의 해킹 사진입니다. 안타깝게도 이 그림의 방법은 IE8 공식 버전에서는 유효하지 않습니다.
분석 및 요약을 통해 우리는 다음과 같은 효과적인 솔루션을 갖게 되었습니다. 어쩌면 미래에는 더 좋고 간단한 해킹이 있을 수도 있지만 현재로서는 이 방법으로 긴급한 요구를 해결할 수 있습니다.<br />
</div>
<div 클래스="참고">
<ul>
<li style="list-style:none;"><strong style="color:#009933">간단한 예:</strong></li>
<li>"9" 예: "여백:0px 자동9;".</li>
<li>여기서 "9"는 모든 IE와 FireFox를 구별할 수 있습니다.</li>
<li>"*" IE6과 IE7은 IE8과 FireFox가 인식할 수 없습니다.</li>
<li>"_" IE6은 "_"를 인식할 수 있지만 IE7, IE8 및 FireFox는 인식할 수 없습니다.</li>
</ul>
</div>
</div>
</body>
</html>