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 相关文章推荐
CSS实现鼠标滑过鼠标点击代码写法
Dec 26 HTML / CSS
CSS3实现类似翻书效果的过渡动画的示例代码
Sep 06 HTML / CSS
修复iPhone的safari浏览器上submit按钮圆角bug
Dec 24 HTML / CSS
纯CSS3实现自定义Tooltip边框涂鸦风格的教程
Nov 05 HTML / CSS
实列教程 一款基于jquery和css3的响应式二级导航菜单
Nov 13 HTML / CSS
CSS3中Transition动画属性用法详解
Jul 04 HTML / CSS
CSS3动画:5种预载动画效果实例
Apr 05 HTML / CSS
HTML5里autofocus自动聚焦属性使用介绍
Jun 22 HTML / CSS
HTML5拖拽API经典实例详解
Apr 20 HTML / CSS
three.js模拟实现太阳系行星体系功能
Sep 03 HTML / CSS
CSS3 实现NES游戏机的示例代码
Apr 21 HTML / CSS
sass 常用备忘案例详解
Sep 15 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
推荐个功能齐全的发送PHP邮件类
2007/01/03 PHP
php处理json时中文问题的解决方法
2011/04/12 PHP
php Ubb代码编辑器函数代码
2012/07/05 PHP
基于php设计模式中工厂模式详细介绍
2013/05/15 PHP
php限制ip地址范围的方法
2015/03/31 PHP
NiftyCube——轻松实现圆角边框
2007/02/20 Javascript
初学JavaScript_03(ExtJs Grid的简单使用)
2008/10/02 Javascript
基于jquery+thickbox仿校内登录注册框
2010/06/07 Javascript
深入理解JavaScript系列(16) 闭包(Closures)
2012/04/12 Javascript
jquery foreach使用示例
2013/09/12 Javascript
jquery实现ajax提交form表单的方法总结
2014/03/03 Javascript
JavaScript中的document.referrer在各种浏览器测试结果
2014/07/18 Javascript
DOM基础教程之事件类型
2015/01/20 Javascript
基于jQuery实现的旋转彩圈实例
2015/06/26 Javascript
jquery mobile 实现自定义confirm确认框效果的简单实例
2016/06/17 Javascript
微信小程序 设置启动页面的两种方法
2017/03/09 Javascript
详解vue 实例方法和数据
2017/10/23 Javascript
Js中将Long转换成日期格式的实现方法
2018/06/05 Javascript
微信小程序云开发实现增删改查功能
2019/05/17 Javascript
一次微信小程序内地图的使用实战记录
2019/09/09 Javascript
[13:25]VP vs VICI (BO3)
2018/06/07 DOTA
[46:50]Liquid vs Mineski 2018国际邀请赛小组赛BO2 第二场 8.18
2018/08/19 DOTA
Python使用email模块对邮件进行编码和解码的实例教程
2016/07/01 Python
python通过opencv实现批量剪切图片
2017/11/13 Python
对Python3之进程池与回调函数的实例详解
2019/01/22 Python
python生成大写32位uuid代码
2020/03/03 Python
Python调用OpenCV实现图像平滑代码实例
2020/06/19 Python
python中的yield from语法快速学习
2020/11/06 Python
Html5 页面适配iPhoneX(就是那么简单)
2019/09/05 HTML / CSS
幼儿园大班评语大全
2014/04/17 职场文书
双拥工作宣传标语
2014/06/26 职场文书
会计专业2019暑假实习报告
2019/06/21 职场文书
MySQL删除和插入数据很慢的问题解决
2021/06/03 MySQL
如何解决php-fpm启动不了问题
2021/11/17 PHP
一篇文章了解正则表达式的替换技巧
2022/02/24 Javascript