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的transition属性详解
Dec 15 HTML / CSS
结合CSS3的新特性来总结垂直居中的实现方法
May 30 HTML / CSS
CSS3 创建网页动画实现弹跳球动效果
Oct 30 HTML / CSS
详解CSS3中的box-sizing(content-box与border-box)
Apr 19 HTML / CSS
CSS3 旋转立方体问题详解
Jan 09 HTML / CSS
HTML5引入的新数组TypedArray介绍
Dec 24 HTML / CSS
html5指南-6.如何创建离线web应用程序实现离线访问
Jan 07 HTML / CSS
HTML5 Convas APIs方法详解
Apr 24 HTML / CSS
关于h5中的fetch方法解读(小结)
Nov 15 HTML / CSS
配置H5的滚动条样式的示例代码
Mar 09 HTML / CSS
html5拖拽应用记录及注意点
May 27 HTML / CSS
HTML+css盒子模型案例(圆,半圆等)“border-radius” 简单易上手
May 10 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
Linux环境下搭建php开发环境的操作步骤
2013/06/17 PHP
php中strtotime函数用法详解
2014/11/15 PHP
在php和MySql中计算时间差的方法详解
2015/03/27 PHP
php bootstrap实现简单登录
2016/03/08 PHP
php+Ajax处理xml与json格式数据的方法示例
2019/03/04 PHP
JavaScript CSS菜单功能 改进版
2008/12/20 Javascript
javawscript 三级菜单的实现原理
2009/07/01 Javascript
浏览器页面区域大小的js获取方法
2013/09/21 Javascript
js在指定位置增加节点函数insertBefore()用法实例
2015/01/12 Javascript
纯javascript模仿微信打飞机小游戏
2015/08/20 Javascript
Canvas实现放射线动画效果
2017/02/15 Javascript
原生JavaScript实现精美的淘宝轮播图效果示例【附demo源码下载】
2017/05/27 Javascript
简单实现js轮播图效果
2017/07/14 Javascript
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
2018/02/08 Javascript
JS复杂判断的更优雅写法代码详解
2018/11/07 Javascript
JS实现的点击按钮图片上下滚动效果示例
2019/01/28 Javascript
js屏蔽退格键(backspace或者叫后退键与F5)
2019/02/10 Javascript
vue + typescript + video.js实现 流媒体播放 视频监控功能
2019/07/07 Javascript
改进 JavaScript 和 Rust 的互操作性并深入认识 wasm-bindgen 组件
2019/07/13 Javascript
python文件和目录操作函数小结
2014/07/11 Python
利用标准库fractions模块让Python支持分数类型的方法详解
2017/08/11 Python
Python自定义装饰器原理与用法实例分析
2018/07/16 Python
从DataFrame中提取出Series或DataFrame对象的方法
2018/11/10 Python
使用Python实现微信提醒备忘录功能
2018/12/04 Python
python Jupyter运行时间实例过程解析
2019/12/13 Python
Python线程threading模块用法详解
2020/02/26 Python
python 穷举指定长度的密码例子
2020/04/02 Python
Java中有几种方法可以实现一个线程?用什么关键字修饰同步方法?stop()和suspend()方法为何不推荐使用?
2015/08/04 面试题
实习单位接收函
2014/01/11 职场文书
初三学生评语大全
2014/04/24 职场文书
出国留学计划书
2014/04/27 职场文书
新兵入伍心得体会
2014/09/04 职场文书
2016年国培心得体会及反思
2016/01/13 职场文书
2016中秋节广告语
2016/01/28 职场文书
读《推着妈妈去旅行》有感1500字
2019/10/15 职场文书
Python字符串常规操作小结
2022/04/03 Python