집 >웹 프론트엔드 >CSS 튜토리얼 >IE와 호환되는 CSS를 작성하는 방법은 무엇입니까?

IE와 호환되는 CSS를 작성하는 방법은 무엇입니까?

醉折花枝作酒筹원래의: 2021-06-01 16:45:363464검색

IE와 호환되는 CSS 작성 방법은 다음과 같습니다. 1. 속성 앞에 "-" 또는 "_"를 추가하고 작성 방법은 "_attribute:속성 값"입니다. 2. CSS 조건부 주석, 구문은 "< ;!--[IE 6의 경우]>69fbcd9053e7e880765ac4113ab37f3b1b771f47d72d900ba74308aee59557f0".

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

1. 해킹

작성:

.demo {
margin-left:30px; 
_margin-left:20px; 
}

장점:

1. CSS에 포함되어 작성 시 매우 편리합니다.

2. CSS에 포함되어 더 많은 HTTP 요청을 생성하지 않습니다.

단점:

1. 2. 브라우저가 이렇게 작동하지 않더라도 코드가 로드되어 자원 낭비가 됩니다. 2. CSS 조건부 주석

작성 방법:

<!--[if IE 6 ]>
    <link rel="stylesheet" type="text/css" media="all" href="./ie6.css" />
<![endif]-->

장점:

1. 코드는 독립적이므로 나중에 유지 관리하는 데 도움이 됩니다.

2 코드가 작동하지 않는 브라우저의 경우 이 코드는 일반적인 주석이므로 로드되지 않습니다. 콘텐츠가 로드되고 리소스가 저장됩니다.

단점:

1. 새로운 HTTP 요청이 추가되어 이전 버전의 IE 브라우저에 대한 부담이 커집니다.

확장:

HTML 태그 조건부 주석

<!DOCTYPE html>   
<!--[if IE 6 ]> <html class="ie6 lte_ie6 lte_ie7 lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if lte IE 6 ]> <html class="lte_ie6 lte_ie7 lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if lte IE 7 ]> <html class="lte_ie7 lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if lte IE 8 ]> <html class="lte_ie8" lang="zh-CN"> <![endif]-->
<!--[if (gte IE 9)|!(IE)]><!--><html lang="zh-CN"><!--<![endif]-->

.ie6 .demo {  
    margin-left: 20px;
      }

이 방법은 새로운 HTTP 요청을 추가하지 않고도 코드를 별도의 모듈로 분리할 수 있는 방법입니다.

IE와 호환되는 CSS를 작성하는 방법은 무엇입니까?

관련 기사