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

来源：互联网发布：哈密顿算法求最短路径编辑：程序博客网时间：2024/06/06 01:01

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

阅读全文

0 0