IE5/IE5.5/IE6/FF 호환성 문제 해결——CSS_Experience 교환

Reposted from Blue Ideal
작성자 편견
원본 주소 http://www.blueidea.com/tech/site/2006/3296.asp
IE 브라우저를 독립적으로 실행할 수 있는 여러 버전을 찾았습니다. , 페이지의 호환성 문제를 테스트하는 데 사용하세요. IE6과 FF에서 잘 작동하는 페이지는 IE5와 IE5.5에서는 엉망이 될 것입니다. 나는 항상 IE5가 WEB 표준을 만드는 데 있어서 "못"이라고 들었습니다. 그것을 믿어야합니다.

문제가 있어서 해결 방법을 찾아보자. 인터넷에 검색해봐도 관련 글이 아직 많이 남아있는데, 가장 직접적인 방법은 쉽게 사용할 수 있는 'IE 조건부 주석'인 것 같다. IE 쓰기 스타일의 다양한 버전. 하지만 이를 위해서는 버전별로 스타일을 작성해야 하므로 파일 최적화에 도움이 되지 않습니다.

관련 CSS HACK을 찾아보다가 IE5/IE5.5/IE6/FF HACK을 함께 작성해야겠다는 생각이 들어서 드디어 좋은 방법을 찾았습니다. 구현하세요:
다음 예와 같이 !important 문을 사용하면 지정된 스타일 규칙의 적용 우선순위가 높아질 수 있다는 사실은 누구나 알고 있습니다.
----------------- - ------------------

코드 복사 코드는 다음과 같습니다.

E1{  
background-color: red !important;/*提升优先权*/  
background-color: blue;  
}

------------------------------- ---- ---------------

그러나 IE에서 이렇게 작성하면 문제가 발생합니다. "About CSS Style Sheet Priority" 및 "About"을 읽어보세요. CSS 스타일 시트" "우선순위 보충", IE6 및 FF에서 !important 선언을 사용하면 우선순위 수준을 높일 수 있지만 IE6의 !important 선언은 절대적인 것이 아니며 동일한 후속 속성 정의로 대체됩니다. 이름. 즉, 위의 예에서 IE6은 마지막 배경색 값인 "파란색"을 적용하는 반면, FF에서는 배경색 값이 "빨간색"입니다. 이를 바탕으로 FF와 IE의 스타일을 구분할 수 있습니다.
좋아요, FF와 IE의 문제는 해결되었습니다. 이제 IE 자체의 문제를 해결해 보겠습니다.
Dudu의 "IE6를 우회하여 IE5를 지원하는 또 다른 방법 - IE도 ">"를 지원한다는 내용을 읽은 후, IE가 ">"를 사용하여 이를 인식하는 것이 정말 가능할까요? 예를 살펴보겠습니다.
---------------------------- ------- --------

E1{  
background-color: red;  
>background-color: blue;

}
------ ------- ----------

FF에서 얻은 배경색은 빨간색이고, 얻은 배경색은 빨간색입니다. IE에서는 파란색입니다. 스타일 재정의 규칙에 따라 브라우저가 ">"를 인식할 수 있으면 파란색 배경이 표시되므로 ">"는 IE에서만 인식될 수 있습니다. 중요한! 나중에는 다들 알게 될 거예요. (참고: "~", "`", "

등의 다른 기호도 테스트했습니다.------ ------ ----------------

이렇게 하면 몇 바이트가 절약되지 않을까요? , 하지만 HACK은 표준이 아닙니다. HACK을 남용하면 표준에서 점점 멀어질 뿐입니다!

위는 IE5/의 호환성을 해결하기 위한 것입니다. IE5.5/IE6/FF! 질문 - CSS_체험교류 내용, 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!