編碼的世界 / 優質文選 / 生涯

h5和css3兼容IE8瀏覽器

2022年7月02日
-   

一、兼容html5標簽
使用html5.js來兼容。 百度雲盤下載：html5.js
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>
 <title>html5.js</title>





 <! 條件引入html5.js >
 <![if lt IE 9]>
 <script src="js/html5.js"></script>
 <![endif]>
</head>
<body>

二、兼容css3 屬性
2.1 使用ie-css3.htc來實現，不過該文件在IE9裏會報錯。 百度雲盤下載：ie-css3.htc
.border{
 border-radius:10px;
 margin:50px;
 width:200px;





 height:200px;
 border: 1px solid #ccc;
 background:#fff;
 box-shadow: 3px 3px 10px #f00;
 text-shadow:20px 20px 1px #555;
 behavior: url(css/ie-css3.htc); /*括號裏的路徑寫絕對路徑*/
 }

使用參考網址： 1、讓ie6ie7ie8瀏覽器支持css3屬性 2、IE6&7下使用CSS3（ie-css3.htc的使用及加強版）
2.2 使用CSS3-PIE 使用參考網址：PIE使IE支持CSS3圓角盒陰影與漸變渲染

熱門文章