IE下的圆角
2024-10-21 06:47:12
元素{
position: relative;/*必须*/
z-index: 10;/*必须*/
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
behavior: url(ie-css3.htc);/*必须*/
}
1、下载一个压缩包,里面有一个微软的脚本文件(11KB)和一个用来测试服务器是否有正确的Content-Type的HTML文件:iecss3.rar;.htc文件是IE内核支持Web行为后用来描述此类行为的脚本文件。
注意: 1、behavior的url里一定要填写ie-css3.htc的绝对路径,因为 IE浏览器找该文件是相对当前html文件路径来找的,所以对于Wordpress等动态程序生成的页面一定要填写绝对路径。
2、一定要有定位属性:position:relative;
3、因为在IE浏览器下这些CSS3效果的实现是要借助于VML,由VML绘制圆角或是投影效果,所以还需要一个z-index属性。z-index属性最好设置得比较大,如2。
4、如果在IE浏览器下某些模块无法用此渲染,可以试着绝对定位相应的层,即加上“ width: 400px; height:400px;”属性。
5、radius属性的10px是圆角半径,还可以给两个值如“border-radius: 10px 5px;”,这样则左上角与右下角半径为10px,右上角与左下角半径为5px。也可以赋4个值,为“上 右 下 左”。
最新文章
- VMware VirtualBox共存时桥接注意
- springmvc 接受特殊类型字段的处理方法
- C#中使用System.Web.Mail.MailMessage类无法CC多人的问题
- mysql防止重复插入记录方法总结
- noip2003提高组题解
- Google的小秘密
- Javascript/15-1-14
- 基于adt-bundle的Android开发环境搭建
- (转)[开发笔记]-js判断用户的浏览设备是移动设备还是PC
- 正则替换内容中图片的src
- 201521123004 《Java程序设计》第2周学习总结
- 阿里云安装mysql后查看不到初始密码的解决办法
- 通过Nginx反向代理之后客户端验证码session不一致造成无法验证通过的问题解决
- dom4j 简单使用
- CI框架在辅助函数中使用配置文件中的变量
- httpclient get post
- 删除JavaScript对象中的元素
- 7.纯 CSS 创作一个 3D 文字跑马灯特效
- 20155310 《网络对抗》Exp 8 Web基础
- contos7忘记root密码怎么办
热门文章
- bzoj2257瓶子与燃料——最大公约数
- 5.js屏蔽方向键,兼容IE和firefox
- 1.oracle中decode的一些巧妙用法
- CS231n 2016 通关 第五、六章 Fully-Connected Neural Nets 作业
- Ubuntu 16.04使用chrome闪屏
- 5、overflow、hover
- ElasticSearch入门及核心概念介绍
- 【Data Structure &; Algorithm】求子数组的最大和
- C#字典常用技巧
- 20个Flutter实例视频教程-第11节: 一个不简单的搜索条-2