CSS3支持IE6, 7, and 8的边框属性
我们都知道,IE 6,7不支持新增加的CSS3属性,甚至与IE8是CSS3还没有完全准备好。你知道吗,今天给大家分享一个脚本工具,可以帮助您启用CSS3的支持IE浏览器(IE6)与新的CSS3属性,包括:border-radius属性,box-shadow(阴影),text-shadow(影子的文本)。
使用方法很简单:
behavior: url(ie-css3.htc);
代码
1 .box { 2 -moz-border-radius: 15px; /* Firefox */ 3 -webkit-border-radius: 15px; /* Safari and Chrome */ 4 border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */ 5 6 -moz-box-shadow: 10px 10px 20px #000; /* Firefox */ 7 -webkit-box-shadow: 10px 10px 20px #000; /* Safari and Chrome */ 8 box-shadow: 10px 10px 20px #000; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */ 9 10 behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */ 11 }
虽然也有一些问题的z-index和box-shadow颜色(#000色),它真的有帮助的脚本黑客攻击。你应该给它一个试试吧!
在这里下载脚本。
感谢 Fetchak.com 提供这个脚本!
CSS3支持IE6, 7, and 8的边框属性相关推荐
- 图解css3:核心技术与案例实战. 3.3 CSS3图片边框属性
3.3 CSS3图片边框属性 border-image效果在CSS2中,只有使用背景图片来制作,而且制作过程非常复杂,做完后也很难维护.如今CSS3中增添了一个图片边框的属性,能够模拟出backgro ...
- html炫酷边框样式,利用SVG和CSS3来实现一个炫酷的边框动画
这篇文章主要介绍了利用SVG和CSS3来实现一个炫酷的边框动画,不使用JavaScript使得编写过程轻松了不少,需要的朋友可以参考下 今天我们来探索一下Carl Philipe Brenner的网站 ...
- html边框复合属性,详解CSS的border边框属性及其在CSS3中的新特性
基础你可能很熟悉边的最基本用法. CSS Code复制内容到剪贴板 border:1pxsolidblack; 上面的代码将给元素应用1px的边.即简洁又简单:但我们也可以稍作修改. CSS Code ...
- 淘宝天猫网站停止支持IE6、IE7浏览器,你还在用xp吗?
2016年4月14日,是科比正式告别篮球的最后一场球赛.大家都在忙着各种纪念和怀念着看科比打球的青葱岁月.不过已经完美谢幕.而我们今天要说的是微软的IE6.IE7浏览器.淘宝网和天猫商城正式停止支持I ...
- CSS3支持box-flex弹性布局
<!DOCTYPE HTML> <html> <head><meta charset="utf-8"><title>&l ...
- jQuery将不再支持IE6/7/8
刚在jQuery的官网上看到发展规划,jQuery从2.0起将不再支持IE6/7/8了,具体的声明如下: jQuery 2.0 (early 2013, not long after 1.9): Th ...
- fixedBox固定div漂浮代码 支持ie6以上大部分浏览器
fixedBox固定div漂浮代码 支持ie6以上大部分浏览器 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//E ...
- IE9 Preview 4的CSS3支持。
1.完美支持了box-shadow,无需前缀.[哈哈说曹操曹操到,还剩下text-shadow未支持了.] 2.有了支持CSS3 Gradient的迹象,但是很神奇的是IE9现在支持的是-webkit ...
- 【CSS3】CSS3支持的颜色表示方法大全
色光三原色原理 色光的三原色是 红色(Red).绿色(Green).蓝色(Blue) 三种,可以构成缤纷的绚丽色彩. 实在不记得的话,这里左转百度百科 CSS3支持的颜色表示方法 用颜色英文名称表示. ...
最新文章
- 经典C语言能力测试题(值得一看)
- OpenVINO 部署 YOLOv5 转换IR文件
- HTTP协议和HTTPS协议初探
- TS 188字节流结构图
- 空间金字塔池化_回顾语义分割—DenseASPP (密集空洞空间金字塔池化)
- KubeVela 上手(1)|让云端应用交付更加丝滑
- ASP.net 2.0 的 Membership Provider 与 Role Provider 第一部分——引进资源
- OSChina 周三乱弹 —— 万众期待的拉黑功能
- 为什么函数lamda显示权限不足_C++常用内置函数
- 转:关于市场上几家PB系统简介
- w讠ndows Boot Manager,Win10电脑无法开机提示Windows boot manager的解决方案
- 几款手机网站前端框架
- CQI原理及CQI指标优化
- 酷睿i7 1260p怎么样 i71260p参数
- sum在mysql是什么意思_数据库中Count是什么意思和SUM有什么区别
- 活动策划书用什么计算机软件,各行业主流设计软件有哪些?(设计人员请进)...
- 利用Python控制德国Vialux DMD 2021-10-03
- PTA练习:谁先倒.(C语言)
- android单手模式,OPPO手机单手模式怎么操作?
- python模拟登陆 验证码el_python 模拟登陆163邮箱
热门文章
- 闲来无事,总结 Xcode常用快捷键
- LeetCode--004--寻找两个有序数组的中位数(java)
- SpringBoot之集成swagger2
- win2d 图片水印
- 【云周刊】第146期:史上最大规模人机协同的双11,12位技术大V揭秘背后黑科技...
- 使用pinchzoom实现头像剪裁
- ubuntu 14.10安装zabbix(lnmp环境)
- 关于Javascript的内存泄漏问题的整理稿
- python 客户端 如何获取手机_Python学习---Django的request扩展[获取用户设备信息]
- pytorch与keras_Keras vs PyTorch:如何通过迁移学习区分外星人与掠食者