圆角兼容IE浏览器方法

Bibabu135766

于 2018-03-12 09:02:10 发布

阅读量747

点赞数

分类专栏： HTML 文章标签： ie 8 浏览器布局

本文链接：https://blog.youkuaiyun.com/Bibabu135766/article/details/79522496

版权

HTML 专栏收录该内容

2 篇文章

订阅专栏

一，圆角写法经常在布局时候会用到,但现在市场上还是有很多用户使用IE8以及以下的浏览器等等,比如我现在从事的公司,XP系统,IE8甚至更低版本浏览器

二，实现方法：

1,需要引用一个插件：ie-css3.htc

2,如以下代码即可：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        #box{
            border-radius: 10px;
            behavior: url(ie-css3.htc);
        }
        /*ie-css3.htc和当前文件需同一路径*/
    </style>
</head>
<body>
    <div id="box"></div>
</body>
</html>