您的位置：首页 > 其它

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

2017-08-20 19:21 197 查看

首先处理下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

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航