CSS3支持IE6, 7, and 8的边框border属性


Posted in HTML / CSS onDecember 28, 2012

我们都知道,IE 6,7不支持新增加的CSS3属性,甚至与IE8是CSS3还没有完全准备好。你知道吗,今天给大家分享一个脚本工具,可以帮助您启用CSS3的支持IE浏览器(IE6)与新的CSS3属性,包括:border-radius属性,box-shadow(阴影),text-shadow(影子的文本)。

使用方法很简单
behavior: url(ie-css3.htc);
代码

复制代码
代码如下:

.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 Explorer 6+ using IE-CSS3 */
-moz-box-shadow: 10px 10px 20px #000; /* Firefox */
-webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */
box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

虽然也有一些问题的z-index和box-shadow颜色(#000色),它真的有帮助的脚本黑客攻击。你应该给它一个试试吧!
在这里下载脚本。
HTML / CSS 相关文章推荐
CSS3 开发工具收集
Apr 17 HTML / CSS
Css3+Js制作漂亮时钟(附源码)
Apr 24 HTML / CSS
使用CSS3配合IE滤镜实现渐变和投影的效果
Sep 06 HTML / CSS
无需JS和jQuery代码实现CSS3鼠标浮动放大图片
Nov 21 HTML / CSS
css3实现六边形边框的实例代码
May 24 HTML / CSS
css3弹性盒子flex实现三栏布局的实现
Nov 12 HTML / CSS
CSS3 实现时间轴动画
Nov 25 HTML / CSS
详解HTML5中的标签
Jun 19 HTML / CSS
值得收藏的HTML5资源(学习html5的朋友可以收藏下)
Jul 20 HTML / CSS
详解html5 shiv.js和respond.min.js
Jan 24 HTML / CSS
微信端html5页面调用分享接口示例
Mar 14 HTML / CSS
CSS3 菱形拼图实现只旋转div 背景图片不旋转功能
Mar 30 HTML / CSS
CSS3 滤镜 webkit-filter详细介绍及使用方法
Dec 27 #HTML / CSS
纯CSS3实现地球自转实现代码(图文教程附送源码)
Dec 26 #HTML / CSS
纯CSS3实现绘制各种图形实现代码详细整理
Dec 26 #HTML / CSS
CSS3的文字阴影—text-shadow的使用方法
Dec 25 #HTML / CSS
Web页面中八种创建多列等高(等高列布局)的实现技术
Dec 24 #HTML / CSS
CSS3的Border-radius轻松制作圆角
Dec 24 #HTML / CSS
CSS3等相关属性制作分页导航实现代码
Dec 24 #HTML / CSS
You might like
destoon实现会员商铺中指定会员或会员组投放广告的方法
2014/08/21 PHP
PHP使用DirectoryIterator显示下拉文件列表的方法
2015/03/13 PHP
Thinkphp+smarty+uploadify实现无刷新上传
2015/07/30 PHP
再谈PHP中单双引号的区别详解
2016/06/12 PHP
Javascript实现页面跳转的几种方式分享
2013/10/26 Javascript
BootStrap智能表单实战系列(八)表单配置json详解
2016/06/13 Javascript
在网页中插入百度地图的步骤详解
2016/12/02 Javascript
jq stop()和:is(:animated)的用法及区别(详解)
2017/02/12 Javascript
vue2组件实现懒加载浅析
2017/03/29 Javascript
jQuery实现div跟随鼠标移动
2020/08/20 jQuery
vue数据操作之点击事件实现num加减功能示例
2019/01/19 Javascript
实例讲解vue源码架构
2019/01/24 Javascript
记一次react前端项目打包优化的方法
2020/03/30 Javascript
JS+Canvas实现五子棋游戏
2020/08/26 Javascript
[49:08]FNATIC vs Infamous 2019国际邀请赛小组赛 BO2 第二场 8.16
2019/08/18 DOTA
九步学会Python装饰器
2015/05/09 Python
python自动重试第三方包retrying模块的方法
2018/04/24 Python
用Python将一个列表分割成小列表的实例讲解
2018/07/02 Python
Python列表推导式实现代码实例
2020/09/09 Python
pandas数据分组groupby()和统计函数agg()的使用
2021/03/04 Python
细说CSS3中的选择符
2008/10/17 HTML / CSS
详解HTML5将footer置于页面最底部的方法(CSS+JS)
2018/10/11 HTML / CSS
印尼在线精品店:Berrybenka.com
2016/10/22 全球购物
俄罗斯优惠券网站:BIGLION
2017/05/21 全球购物
STAY JAPAN台湾:预订日本民宿
2018/07/22 全球购物
Dyson戴森波兰官网:Dyson.pl
2019/08/05 全球购物
教育科学研究生自荐信
2013/10/09 职场文书
运动会铅球比赛加油稿
2014/09/26 职场文书
单位员工收入证明样本
2014/10/09 职场文书
作风建设年度心得体会
2014/10/29 职场文书
行政处罚事先告知书
2015/07/01 职场文书
幼儿园大班开学寄语(2016秋季)
2015/12/03 职场文书
Django程序的优化技巧
2021/04/29 Python
详解nodejs内置模块
2021/05/06 NodeJs
JavaWeb Servlet实现网页登录功能
2021/07/04 Java/Android
mysql 联合索引生效的条件及索引失效的条件
2021/11/20 MySQL