关于兼容ie8的圆角和select下拉列表

最新推荐文章于 2021-06-15 15:35:42 发布

maple凌

最新推荐文章于 2021-06-15 15:35:42 发布

阅读量1.5k

点赞数

分类专栏： css

本文链接：https://blog.csdn.net/Loading_maple/article/details/77431820

版权

css 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先处理下border-radius在ie8下的兼容问题；

因为这个属性是css3中的，ie8根本不知道你是谁好么？那我们就得找办法了，经过我千辛万苦的百度和google去解决它，总结下来感觉就这个方法比较好用；

那就直接上代码了，一木了然：

<!DOCTYPE html>
<html>
<head>
<title>圆角</title>
<style type="text/css">
.box{
width:200px;
height:200px;
line-height: 200px;
background:blue;
border-radius:50%;
text-align:center;
}
.box {
-moz-border-radius:100px; /* Firefox */
-webkit-border-radius: 100px; /* Safari 和 Chrome */
border-radius: 100px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

/*-moz-box-shadow: 10px 10px 20px #000; *//* Firefox */
/*-webkit-box-shadow: 10px 10px 20px #000;*/ /* Safari 和 Chrome */
/* */ /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */

behavior: url(ie-css3.htc); /* 通知IE浏览器调用脚本作用于'box'类 */
}
</style>
</head>
<body>
<div class='box'>loading</div>
</body>
</html>

这个方法的关键是引用了ie-css3.htc的这个文件；这个下载地址很好找的；放在目录下，自行引用进来就可以了；

然后是select在ie8中的兼容样式问题，如何很好的处理select的小三角呢？ loading

maple凌

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
关于兼容ie8的圆角和select下拉列表

首先处理下border-radius在ie8下的兼容问题；因为这个属性是css3中的，ie8根本不知道你是谁好么？那我们就得找办法了，经过我千辛万苦的百度和google去解决它，总结下来感觉就这个方法比较好用；那就直接上代码了，一木了然：&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt;&lt;title&gt;圆角&lt;/titl...
复制链接

扫一扫