ie与火狐中常见的兼容问题
2012-12-06 14:45:55 来源:WEB开发网25.目前FF2.0为止都不支持IE的name锚点
像这种写法都是不支持的:<a href="###" onclick="history.go(-1)">go back</a>
原来根据W3C的语法,<a>标签始终都会查找href地址并跳转过去,现在onclick事件与###这个地址又有冲突。
为了让Firefox与IE部分元素属性兼容,那个费劲,我无意中发现 Firefox对空格敏感:
<a onclick="window.location.href ='faq.php?page=messages#2'"> //有空格,锚点作用
<a onclick="window.location.href='faq.php?page=messages#2'"> //无空格,锚点无作用
锚点的写法又十分讲究,比如<a name=#1>,Firefox不支持锚点,得加上id=#1
静态同页面引用时必须这样写:<a href="#1"></a>,<a href="static.html#1"></a>就不行****态页面要用JS
后遗症来了,考虑到鼠标样式和浏览器兼容又开始折腾:
<a href="###" onclick=""> //不兼容
<a href="javascript:;" onclick=""> //不兼容
<a href="javascript:function();"> //没有{...},属于脚本的非法书写
<a style="cursor:hand" onclick=""> //没照顾到自定义系统鼠标样式的用户
<a href="javascript:)"
本以为火狐浏览器使用的人很多,但从网站的统计分析来看火狐只有可怜的3.18%,但兼容他的标准确花费不少精力!不过标准化有利于以后的维护和扩展,有利于技术的不断提示。
-->
问题十四:OVERFLOW-Y:auto;OVERFLOW-X:hidden;在IE里面可以用no表示隐藏,但在FireFox(火狐)里面必须用hidden
更多精彩
赞助商链接