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通过scale()、rotate()实现放大、旋转
Mar 19 HTML / CSS
HTML5新表单元素_动力节点Java学院整理
Jul 12 HTML / CSS
html5 桌面提醒:Notifycations应用介绍
Nov 27 HTML / CSS
HTML5 中新的全局属性(整理)
Jul 31 HTML / CSS
html5中valid、invalid、required的定义
Feb 21 HTML / CSS
使用HTML5的Canvas绘制曲线的简单方法
Sep 08 HTML / CSS
有关HTML5中背景音乐的自动播放功能
Oct 16 HTML / CSS
Html5与App的通讯方式详解
Oct 24 HTML / CSS
解决HTML5中的audio在手机端和微信端的不能自动播放问题
Nov 04 HTML / CSS
HTML5页面嵌入小程序没有返回按钮及返回页面空白的问题
May 28 HTML / CSS
HTML速写之Emmet语法规则的实现
Apr 07 HTML / CSS
小程序实现悬浮按钮的全过程记录
Oct 16 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
Windows下的PHP5.0安装配制详解
2006/09/05 PHP
php 代码优化的42条建议 推荐
2009/09/25 PHP
php计算整个目录大小的方法
2015/06/19 PHP
SyntaxHighlighter语法高亮插件使用说明
2011/08/14 Javascript
不要使用jQuery触发原生事件的方法
2014/03/03 Javascript
document.addEventListener使用介绍
2014/03/07 Javascript
jquery 隐藏与显示tr标签示例代码
2014/06/06 Javascript
JavaScript计时器示例分析
2015/02/05 Javascript
webpack学习--webpack经典7分钟入门教程
2017/06/28 Javascript
jQuery使用bind函数实现绑定多个事件的方法
2017/10/11 jQuery
利用Javascript开发一个二维周视图日历
2017/12/14 Javascript
JavaScript实现页面中录音功能的方法
2019/06/04 Javascript
VUE组件中的 Drawer 抽屉实现代码
2019/08/06 Javascript
JavaScript常用工具函数大全
2020/05/06 Javascript
Python的词法分析与语法分析
2013/05/18 Python
python控制台显示时钟的示例
2014/02/24 Python
python内存管理分析
2015/04/08 Python
Python聚类算法之凝聚层次聚类实例分析
2015/11/20 Python
pytorch permute维度转换方法
2018/12/14 Python
python框架flask表单实现详解
2019/11/04 Python
python numpy数组中的复制知识解析
2020/02/03 Python
Python使用Excel将数据写入多个sheet
2020/05/16 Python
Python单元测试及unittest框架用法实例解析
2020/07/09 Python
通过代码实例了解Python sys模块
2020/09/14 Python
HTML5 通过Vedio标签实现视频循环播放的示例代码
2020/08/05 HTML / CSS
加拿大建筑和装修专家:Reno-Depot
2017/12/21 全球购物
美国婴儿和儿童家具网上商店:ABaby.com
2018/07/02 全球购物
草莓网官网:StrawberryNET
2019/08/21 全球购物
公司市场部岗位职责
2013/12/02 职场文书
写给女生的道歉信
2014/01/14 职场文书
优秀教师的感人事迹
2014/02/04 职场文书
党员创先争优承诺书
2014/03/26 职场文书
文明倡议书范文
2014/04/15 职场文书
物业公司的岗位任命书
2014/06/06 职场文书
党的群众路线教育实践活动整改方案
2014/10/28 职场文书
Vue Mint UI mt-swipe的使用方式
2022/06/05 Vue.js