h5和css3兼容IE8浏览器

最新推荐文章于 2021-08-03 19:15:03 发布

css_styles

最新推荐文章于 2021-08-03 19:15:03 发布

阅读量1.1w

点赞数 2

分类专栏： html

本文链接：https://blog.csdn.net/css_styles/article/details/51243731

版权

html 专栏收录该内容

6 篇文章 0 订阅

订阅专栏

一、兼容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圆角盒阴影与渐变渲染

css_styles

关注

2
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
h5和css3兼容IE8浏览器

一、兼容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/x
复制链接

扫一扫

专栏目录