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基础(RGBa、text-shadow、box-shadow、border-radius)
Nov 13 HTML / CSS
css3动画事件—webkitAnimationEnd与计时器time事件
Jan 31 HTML / CSS
结合CSS3的新特性来总结垂直居中的实现方法
May 30 HTML / CSS
HTML5中的nav标签学习笔记
Jun 24 HTML / CSS
你可能不熟练的十个前端HTML5经典面试题
Jul 03 HTML / CSS
html+css实现自定义图片上传按钮功能
Sep 04 HTML / CSS
HTML5的革新 结构之美
Jun 20 HTML / CSS
canvas线条的属性详解
Mar 27 HTML / CSS
HTML5 通过Vedio标签实现视频循环播放的示例代码
Aug 05 HTML / CSS
AmazeUI 点击元素显示全屏的实现
Aug 25 HTML / CSS
如何利用 CSS Overview 面板重构优化你的网站
Oct 24 HTML / CSS
flex布局中使用flex-wrap实现换行的项目实践
Jun 21 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
239军机修复记
2021/03/02 无线电
PHP4和PHP5共存于一系统
2006/11/17 PHP
PHP 芝麻信用接入的注意事项
2016/12/01 PHP
PHP递归删除多维数组中的某个值
2017/04/17 PHP
PHP使用PhpSpreadsheet操作Excel实例详解
2020/03/26 PHP
js脚本学习 比较实用的基础
2006/09/07 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
JQuery 中几个类选择器的简单使用介绍
2013/03/14 Javascript
js获取IFRAME当前的URL的方法
2013/11/13 Javascript
JQuery+Ajax无刷新分页的实例代码
2014/02/08 Javascript
javascript实现简单的鼠标拖动效果实例
2015/04/10 Javascript
Uploadify上传文件方法
2016/03/16 Javascript
JavaScript轮播图简单制作方法
2017/02/20 Javascript
JavaScript实现的浏览器下载文件的方法
2017/08/09 Javascript
Angular4开发解决跨域问题详解
2017/08/28 Javascript
详解vue-cli3开发Chrome插件实践
2019/05/29 Javascript
JavaScript常用内置对象用法分析
2019/07/09 Javascript
vue draggable resizable gorkys与v-chart使用与总结
2019/09/05 Javascript
jQuery实现飞机大战小游戏
2020/07/05 jQuery
[01:04:20]完美世界DOTA2联赛PWL S2 LBZS vs Forest 第一场 11.29
2020/12/02 DOTA
Python的Scrapy爬虫框架简单学习笔记
2016/01/20 Python
Python编程实现双链表,栈,队列及二叉树的方法示例
2017/11/01 Python
Python虚拟环境项目实例
2017/11/20 Python
Python求平面内点到直线距离的实现
2020/01/19 Python
python实现图片转字符画的完整代码
2021/02/21 Python
css3动画过渡实现鼠标跟随导航效果
2018/02/08 HTML / CSS
Pretty You London官网:英国拖鞋和睡衣品牌
2019/05/08 全球购物
中共广东省委常委会党的群众路线教育实践活动整改方案
2014/09/23 职场文书
公司副总经理岗位职责
2014/10/01 职场文书
大学感恩节活动策划方案
2014/10/11 职场文书
人民调解协议书范本
2014/10/11 职场文书
2014最新党员违纪检讨书
2014/10/12 职场文书
运动与健康自我评价
2015/03/09 职场文书
学习党史心得体会2016
2016/01/23 职场文书
PyTorch的Debug指南
2021/05/07 Python
Python Matplotlib绘制动画的代码详解
2022/05/30 Python