苹果浏览器CSS一个奇怪的BUG
来源:互联网 发布:看剧本的软件 编辑:程序博客网 时间:2024/04/29 13:39
这几天做项目时遇到一个奇怪的问题,原本写了一个兼容IE6 input type选择器的CSS,如下
/*IE6 input type选择器兼容*/
*html input{zoom: expression(function(ele){(ele.className)?ele.className+=" "+ele.type:ele.className=ele.type; ele.style.zoom = "1";}(this));}
/*定义div标签高度自增*/
.divHA{ position:relative;min-height: 10px; overflow: hidden; _height: 10px; _overflow-y: visible; }
.divHA2{border:1px solid red;}
测试一切正常,包括ie6/7/8 ff ,但最后用苹果safari 4测试时发现一个奇怪的问题,就是他下面的的定义.divHA不起作用了,但再下面的divHA2起作用的,经反复测试发现只要CSS定义为如下expression格式,就会引起这个问题
{zoom: expression(function(ele){()});}
但当设置成如下时,又正常了:
input{zoom: expression(function(ele){});}
经测试有些格式会引起这个问题,还没有找到规律,似乎和括号有关,因此得针对每个使用了expressioin表达式的地方进行测试修改,比如上面这句改为如下就正常了:
*html input{zoom: expression(function(ele){ele.className?ele.className+=" "+ele.type:ele.className=ele.type; ele.style.zoom = "1";}(this));}
或者用如下方式兼容,接紧着定义一个无关紧要的表达式
*html input{zoom: expression(function(ele){(ele.className)?ele.className+=" "+ele.type:ele.className=ele.type; ele.style.zoom = "1";}(this));}
.s{}
.divHA{ position:relative;min-height: 10px; overflow: hidden; _height: 10px; _overflow-y: visible; }
- 苹果浏览器CSS一个奇怪的BUG
- 一个奇怪的bug
- 一个奇怪的bug
- spark一个奇怪的bug
- VC7.1的一个奇怪的bug
- Delphi 7 的一个奇怪的Bug
- pyqt4的qwebpage一个奇怪的bug
- OkHttp的一个奇怪的bug
- 一个失误引发的奇怪线程BUG
- 苹果手机微信浏览器的一个bug,自动清空store
- css文字重复ie bug导致文字的奇怪复制
- 奇怪的BUG
- Eric奇怪的Bug
- scala奇怪的bug
- 关于excel导出功能的一个很奇怪的bug
- J2ME中一个奇怪的BUG及其解决方法
- JWFD工作流设计器一个奇怪的BUG
- AS3.0嵌入swf后一个很奇怪的bug
- 第十二课 运算符
- 常用命令linux下vi编辑器命令大全
- c#实现读取条形码
- 第十三课 运算符
- 第十四课 基本程序结构
- 苹果浏览器CSS一个奇怪的BUG
- Linux操作系统中/sbin/init程序的执行过程
- 第十五课 基本程序结构(2)
- 第十六课 面向对象的基本概念
- 第十七课 面向对象的基本概念(2)
- 第十八课 面向对象的基本概念(3)
- 子网划分方法及掩码简便算法(组图)
- Linux入门命令精选
- 第十八课 面向对象的基本概念(4)