css兼容ie8的圆角
程序员文章站
2024-02-18 15:16:28
...
大家好,我是凌飞!
前端时间我写前端页面是,需要兼容ie8,但是在ie8 上css3的border-radius边框圆角就会失效,在网上找了很多的资料最后才找到。
为了防止有这类问题的朋友们不用那么大费周章去找我来分享下,如果那里是问题请及时交流。主要是使用了插件,挺好用的!
插件的获取方式:链接:http://pan.baidu.com/s/1bpwFv9X 密码:lks6
如果链接失效请留言!!!
以下是代码:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>无标题文档</title>
<style>
.inp{
height: 30px;
width: 200px;
position:relative
border: 1px solid #C0C0C0;
border-radius: 3px;
behavior: url(js/ie-css3.htc);
}
</style>
</head>
<body>
<input class="inp" type="s" name="" id="" value="123455" readonly/>
</body>
</html>
推荐阅读
-
css兼容ie8的圆角
-
在到达无H无F境界前~还是要痛苦~我兼容浏览器的CSS
-
看javaeye的论坛帖子时,ie8有问题 CSS
-
看javaeye的论坛帖子时,ie8有问题 CSS
-
实现CSS3中的border-radius(边框圆角)示例代码
-
AngularJS在IE8的支持_html/css_WEB-ITnose
-
布局不兼容IE的问题-宽度不够_html/css_WEB-ITnose
-
兼容不同浏览器的 CSS Hack 写法_html/css_WEB-ITnose
-
兼容IE6/IE7/IE8/FireFox的css hack_html/css_WEB-ITnose
-
css3实现的圆角效果代码实例_html/css_WEB-ITnose