caniuse(http://caniuse.com/#search=border-radius)에 따르면 경계 반경 호환성은 아래 그림과 같습니다.
테스트 코드:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<meta http-equiv= "X-UA-Compatible" content= "IE=edge,chrome=1" >
<title></title>
<style type= "text/css" >
* {
margin : 0 ;
padding : 0 ;
}
#header {
width : 400px ;
height : 400px ;
margin : 10px ;
border-radius: 10px ;
border : 1px solid red ;
}
</style>
</head>
<body>
<div id= "header" >
</div>
</body>
</html>
|
로그인 후 복사
IE8 브라우저 효과:
border-radius IE8 브라우저 호환성 솔루션:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 | <!DOCTYPE html>
<html>
<head>
<meta charset= "UTF-8" >
<meta http-equiv= "X-UA-Compatible" content= "IE=edge,chrome=1" >
<title></title>
<style type= "text/css" >
* {
margin : 0 ;
padding : 0 ;
}
#header {
width : 400px ;
height : 400px ;
margin : 10px ;
border-radius: 10px ;
border : 1px solid red ;
behavior: url (PIE.htc);
}
</style>
</head>
<body>
<div id= "header" >
</div>
</body>
</html>
|
로그인 후 복사
IE8 브라우저 효과:
PIE.HTC 다운로드 주소: http://css3pie.com/
PIE는 다음과 같은 CSS3의 일부 속성을 처리할 수 있습니다. 🎜>
위 내용은 border-radius IE8 호환 처리 방법 소개의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!