很多时候我们需要在IE下支持一些圆角,但是又懒得去用复杂的css代码去各种拼接的话,有下面两种方面:
方案一:
我们可以采用这个htc的文件。
代码:
.test{ -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; behavior: url(border-radius.htc); }
扩展阅读:
1、http://www.css88.com/archives/2230
2、http://code.google.com/p/curved-corner/
方案二:
采用jquery的插件来做:
http://www.malsup.com/jquery/corner/
附件为第二个地址下的源码,有兴趣的可以自己down了看看这个htc的文件。
相关推荐
让IE6也识别CSS3-圆角效果应用border-radius
引入PIE.htc使ie7,ie8 支持css3 border-radius圆角效果
让IE实现CSS3中的border-radius(圆角)
css3的 border-radius 为了兼容ie8浏览器所用到的插件以及实例。为什么要50个字节啊,竟然不能设置成免费。。
根据canisue(http://caniuse.com/#search=border-radius),border-radius兼容性如下图所示: 测试代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta ...
可以实现IE9以下版本CSS圆角效果与图片显示投影等功能。
border-radius如何兼容IE呢?下面小编就为大家介绍一下border-radius兼容IE的方法。一起跟随小编过来看看吧,祝大家游戏愉快哦
-moz-border-radius:moz这个属性 主要是专门支持Mozilla Firefox 火狐浏览器的CSS属性。 在这两个属性有值的时候,去掉哪个属性,对用他们做内核的浏览器就有影响,如果没值的话,就没影响,这两个属性和,IE,和...
IE系列浏览器不支持CSS的圆角(border-radius)等CSS3属性是一个众所周知的问题,而FF、Chrome原生的浏览器支持是的优雅的圆角感觉较好,如何解决这个问题呢? 一种比较传统的方案是放弃CSS3,使用背景图,但是这种...
.websjy1{-moz-border-radius:5px 20px 3px 10px;-webkit-border-radius:5px 20px 3px 10px;border-radius:5px 20px 3px 10px;} .websjy,.websjy2{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:...
本文介绍CSS 3部分新属性基础,包括RGBa、text-shadow、box-shadow、border-radius。这些属性通常用来增强网页布局和美誉度。(译者注:在支持CSS3的浏览器如Firefox、Safari、IE9等可点击图片查看演示。)
NULL 博文链接:https://jm1999.iteye.com/blog/2218022
先说第一种,利用CSS3,前提是您的浏览器必须支持CSS3,Firefox3是支持的,我看到的很多网站圆角也是利用CSS3直接生成的,无非就是ie下依然显示直角而已,让ie固执去吧。 利用CSS3,你可以指定4个角都是圆角,或者...
复制代码代码如下: .box { -moz-border-radius: 15px; /* Firefox */ -webkit-border-radius: 15px; /* Safari and Chrome */ border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet ...
让IE支持圆角和阴影的文件 CSS这样写 #DIVID{ -moz-border-radius: 11px; -khtml-border-radius: 11px; -webkit-border-radius: 11px; border-radius: 11px; behavior: url(ie-css3.htc); }
你知道吗,今天给大家分享一个脚本工具,可以帮助您启用CSS3的支持IE浏览器(IE6)与新的CSS3属性,包括:border-radius属性,box-shadow(阴影),text-shadow(影子的文本)。 使用方法很简单: behavior: url(ie...
border-radius向元素添加圆角边框,css3中的。IE9+ chrome safari5+ firefox4+ 现在都...支持旧的firefox-webkit-border-radius:10px;支持chrome 按top-left, top-right, bottom-right, bottom-left顺序设置每个 radiu