让IE9以下的浏览器支持圆角及CSS3新特性

最新推荐文章于 2018-04-11 14:09:05 发布

智学无忧-老曹

最新推荐文章于 2018-04-11 14:09:05 发布

阅读量4.3k

点赞数 2

CC 4.0 BY-SA版权

分类专栏： Web前端文章标签：支持圆角浏览器兼容性支持CSS3新特性让IE9一下的浏览器支持Css3 IE浏览器兼容

本文链接：https://blog.youkuaiyun.com/lxcao/article/details/53192287

Web前端专栏收录该内容

86 篇文章

订阅专栏

本文介绍了一种简单有效的方法，使IE9以下版本浏览器支持CSS3圆角特性。通过下载特定HTC文件并将其应用到CSS样式中，即可轻松实现兼容。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在网上有同学问我：如何在IE9以下版本的浏览器支持圆角的特性。为了让大家在以后的工作中能够更快、更有效的解决这种问题，现在把一种最简单、最有效的解决方案总结给大家，希望能够帮助到你！【就两步搞定！】

第一步

下载一个重要的文件 ie-css3.htc，这种类型的文件只要IE才能够识别。

下载地址：http://download.youkuaiyun.com/detail/lxcao/9685089 【这是老曹的优快云博客】

第二步

使用该文件来兼容IE9一下浏览器不支持CSS3新特性的问题

html代码

<div class="box">
    <h1 style="padding: 80px 0;text-align: center;">智学无忧IT教育</h1>
</div>

css代码

.box {
	width: 300px;
	height: 200px;
	color: #ccc;
	background-color: #122b40;
	border-radius: 15px;
	behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类【必须使用这个】 */
}

效果（IE8浏览器）

效果（IE7浏览器）

~~~~~~~~~~~~~~~~~~~欢迎大家转载

~~~~~~~~~~~~~~~~~~~~~~~~~~