IE9에서 내 테이블 셀의 상단 모서리가 둥글게 표시되지 않는 이유는 무엇입니까?

IE9의 테두리 반경 문제: 모서리 케이스

문제: 왼쪽과 오른쪽 상단에 둥근 모서리를 만들 수 없습니다. IE9의 테이블 셀 가장자리. 동일한 코드가 Firefox, Chrome 및 Safari에서 완벽하게 작동하지만. 무엇이 빠졌나요?

코드 조각:

border-left: solid 1px #444f82;
border-right:solid 1px #444f82;
border-top:solid 1px #444f82;
border-top-right-radius: 7px;
border-top-left-radius: 7px;
-moz-border-radius-topright: 7px;
-webkit-border-top-right-radius: 7px;
-khtml-border-radius-topright: 7px;
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
-khtml-border-radius-topleft: 7px;
behavior: url(/survey_templates/PIE.htc);

답변:

border-radius는 IE9에서 지원되지만, 호환성을 활성화하려면 추가 단계가 필요합니다. 이 문제를 해결하려면 페이지에 다음 메타 헤더를 ​​추가하십시오.

<meta http-equiv="X-UA-Compatible" content="IE=edge" />

"edge" 값은 IE가 최신 렌더링 엔진을 사용하도록 지시하여 경계 반경과 같은 CSS 기능을 올바르게 해석하도록 합니다. 따라서 IE9에서는 일부 CSS 스타일에서 문제를 일으키는 것으로 알려진 호환 모드 대신 내장 엔진을 사용하게 됩니다.

위 내용은 IE9에서 내 테이블 셀의 상단 모서리가 둥글게 표시되지 않는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!