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 02 HTML / CSS
CSS3 简写animation
May 10 HTML / CSS
CSS3基础(RGBa、text-shadow、box-shadow、border-radius)
Nov 13 HTML / CSS
css3实例教程 一款纯css3实现的发光屏幕旋转特效
Dec 07 HTML / CSS
详解CSS3弹性伸缩盒
Sep 21 HTML / CSS
html5音频_动力节点Java学院整理
Aug 22 HTML / CSS
HTML5 本地存储之如果没有数据库究竟会怎样
Apr 25 HTML / CSS
html5教程实现Photoshop渐变色效果
Dec 04 HTML / CSS
关于HTML5 Placeholder新标签低版本浏览器下不兼容的问题分析及解决办法
Jan 27 HTML / CSS
HTML5高仿微信聊天、微信聊天表情|对话框|编辑器功能
Apr 23 HTML / CSS
如何用canvas实现在线签名的示例代码
Jul 10 HTML / CSS
使用canvas压缩图片大小的方法示例
Aug 02 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 用数组降低程序的时间复杂度
2009/12/04 PHP
php自定义函数实现JS的escape的方法示例
2016/07/07 PHP
php安装扩展mysqli的实现步骤及报错解决办法
2017/09/23 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
File文件控件,选中文件(图片,flash,视频)即立即预览显示
2009/04/09 Javascript
表格奇偶行设置不同颜色的核心JS代码
2013/12/24 Javascript
jQuery实现鼠标经过提示信息的地图热点效果
2015/04/26 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
javascript实现起伏的水波背景效果
2016/05/16 Javascript
jQuery+ajax+asp.net获取Json值的方法
2016/06/08 Javascript
使用vue制作FullPage页面滚动效果
2017/08/21 Javascript
详解node+express+ejs+bootstrap构建项目
2017/09/27 Javascript
微信小程序实现下载进度条的方法
2017/12/08 Javascript
JS构造一个html文本内容成文件流形式发送到后台
2018/07/31 Javascript
vue实现多条件和模糊搜索功能
2019/05/28 Javascript
JS前端面试必备——基本排序算法原理与实现方法详解【插入/选择/归并/冒泡/快速排序】
2020/02/24 Javascript
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
python冒泡排序算法的实现代码
2013/11/21 Python
Python中的True,False条件判断实例分析
2015/01/12 Python
python 实现判断ip连通性的方法总结
2018/04/22 Python
python 实现在Excel末尾增加新行
2018/05/02 Python
JavaScript中的模拟事件和自定义事件实例分析
2018/07/27 Python
Tensorflow使用支持向量机拟合线性回归
2018/09/07 Python
python使用selenium登录QQ邮箱(附带滑动解锁)
2019/01/23 Python
Python实现串口通信(pyserial)过程解析
2019/09/25 Python
Python matplotlib实时画图案例
2020/04/23 Python
HTML5 拖放(Drag 和 Drop)详解与实例代码
2017/09/14 HTML / CSS
草莓网化妆品加拿大网站:Strawberrynet Canada
2016/09/20 全球购物
特步官方商城:Xtep
2017/03/21 全球购物
德国综合购物网站:OTTO
2018/11/13 全球购物
摩飞电器俄罗斯官方网站:Morphy Richards俄罗斯
2020/07/30 全球购物
大学生就业策划书范文
2014/04/04 职场文书
迟到检讨书2000字(精选篇)
2014/10/07 职场文书
市场督导岗位职责
2015/04/10 职场文书
新党员入党决心书
2015/09/22 职场文书
彻底弄懂Python中的回调函数(callback)
2022/06/25 Python