이전 Internet Explorer 버전(7, 8, 9)에 대한 CSS 스타일 호환성을 달성하는 방법은 무엇입니까?

Internet Explorer 7, 8, 9용 CSS 스타일링 강화

웹 개발 영역에서는 다양한 브라우저 간의 호환성을 달성하는 것이 무엇보다 중요합니다. Internet Explorer(IE)의 경우 버전 7, 8, 9만큼 오래된 브라우저에서는 최적의 렌더링을 보장하기 위해 특별한 고려 사항이 필요합니다.

일반적인 문제 중 하나는 이러한 IE 브라우저 전용으로 CSS 스타일을 수정하는 것입니다. 제공된 CSS 블록을 고려하세요.

<code class="css">.actual-form table {
  padding: 5px 0 15px 15px;
  margin: 0 0 30px 0;
  display: block;
  width: 100%;
  background: #f9f9f9;
  border-top: 1px solid #d0d0d0;
  border-bottom: 1px solid #d0d0d0;
}</code>

width: 100% 속성을 IE 7, 8, 9에만 적용하려는 경우 간단한 해결책이 있습니다. 다음 CSS 코드를 활용하면 이 작업이 완료됩니다.

<code class="css">@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
   .actual-form table {
        width: 100%;
   }
}</code>

설명:

이 코드는 Microsoft 관련 미디어 쿼리를 사용합니다. IE에 고유한 -ms-high-contrast 속성은 IE 10 이상에서만 해석됩니다. 이 속성에 유효한 값(활성 및 없음)을 모두 지정하면 Internet Explorer는 사용자의 고대비 설정에 관계없이 지정된 스타일을 적용합니다.

위 내용은 이전 Internet Explorer 버전(7, 8, 9)에 대한 CSS 스타일 호환성을 달성하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!