javascript修正12个浏览器兼容问题[译]
作者:vocal 来源:前端观察 时间:2009-04-23 12:19:00
我们提倡尽可能使用CSS,而且我们常常能做到这一点。现代浏览器有很好的CSS支持-这无疑足够好让你使用CSS来控制布局和版面设计。但是有时候,某些网页元素在不同的浏览器会出现不同。
如果你不知道原因,不要过于担心,请研究CSS规则并查看这篇文章:使用CSS来修正一切: 20 +常见错误和修复。
如果这些也无效,您可以通过下面列出的12个javascript解决方案修复它,这样您的网页看起来就能跨越所有浏览器了!
在本文中,我们会揭开你在开发web应用是可能会遇到的12个最常见的CSS问题的javascript解决方案。
1. 自动匹配高度
自从我们抛弃了基于Table的页面布局后,创建同等高度栏目或内容盒子的视觉效果已然是一个挑战。
1.1 用jQuery设置匹配高度
这个jQuery插件在同一个容器里“平衡”盒子的高度并创造一个简介的网格——几乎从可用性和性能的角度使用简单的JavaScript替代: equalHeights()函数测定一个容器里的所有同级元素同容器的高度,然后设置每个元素的最低高度为最高的元素的高度。
如何工作
equalHeights()通过循环测定指定元素的最高级别的子节点,然后设置他们的最小高度值为最高的元素的高度。
1.2 用jQuery匹配栏目高度
jQuery的另一个可以使盒子的高度相等的插件
$(“#col1, #col2″).equalizeCols();
将如你所想的那样匹配高度
$(“#col1, #col2″).equalizeCols(“p,p”);
匹配这两卷,并在#col1或#col2(短的那个)里的P标签后面添加空白.
标签:浏览器,兼容,插件,JavaScript
0
投稿
猜你喜欢
14条最佳JS代码编写技巧[译]
2009-11-09 19:37:00
SQL Server中如何优化磁带备份设备性能
2009-01-07 14:23:00
MYSQL教程:索引和查询优化程序
2009-02-27 15:52:00
MySQL转义字符的实际应用
2010-08-31 14:55:00
让所有IE支持HTML5的解决方案
2009-10-31 18:43:00
滑动门代码 兼容IE7 IE6 FireFox Opera
2008-06-07 13:56:00
基于RSA算法在asp中加密与解密对应的函数
2007-11-07 21:39:00
详细介绍查询优化技术在现实系统中的运用
2009-01-04 13:34:00
asp+xml自动将远程页面中的图片下载到本地
2007-08-23 13:34:00
asp如何统计字符串出现的次数?
2009-11-25 20:36:00
查询字符串中包含特殊字符的问题
2009-01-09 13:13:00
使用 XSLT 解释 XML 文件
2009-03-08 19:06:00
群组功能和用户沟通
2009-07-19 14:07:00
手机网站开发必修课[2009总结版]
2010-01-05 17:02:00
提高asp程序访问速度的方法
2008-10-23 16:37:00
关于MySQL编码问题的经验总结
2007-08-23 16:10:00
aspjpeg组件安装问题
2008-09-27 17:52:00
ASP连接access和mssql数据库的全能代码
2008-10-12 13:17:00
您需要了解的DIV+CSS网页布局的8条面试题目
2010-01-29 13:22:00
什么是SVG(可升级矢量图形)
2008-05-06 12:37:00