h5和css3兼容IE8浏览器

一、兼容html5标签

使用html5.js来兼容。
百度云盘下载:html5.js


<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.jstitle>
    
    
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圆角盒阴影与渐变渲染

你可能感兴趣的:(html)