使用javascript修复浏览器中12个常见而又头痛的问题
作者:小鼠 来源:译言 时间:2008-10-28 19:38:00
我们提倡无论何时都尽可能地使用CSS,这样我们更容易取得成功.现在浏览器对CSS的支持已经非常好,肯定足以让你用来控制你的网页布局与排版.但,即使如此,还是有某些页面元素会在不同的浏览器下表现也不一样.
如果你不了解其中的原由,请不用担心,深入一下CSS的规则并且看一下 Using CSS to Fix Anything: 20+ Common Bugs and Fixes 这个文章.
如果上面那篇文章对你毫无帮助,你可以使用下面12个javascript解决方案的其中之一去修复你的问题,并使你的页面看起来跨所有浏览器!
在本文中,我们将为你在web应用开发中遇到的最常见的CSS问题提供12个javascript解决方案.
你也许会对其它的CSS相关文章感兴趣.
1. 设置等高
自从我们抛弃以表格为基础的布局方式,创建视觉上等高的列或内容块就成为了一个挑战.
jQuery有个插件可以设置同一个容器内的所有盒子模型的高度相等,而且还可以创建非常简洁的网格--当然,额外的性能开销也是微乎其微的.从可用性与性能的角度来看,使用一个简单的javascript代替会更适合: equalHeights() 这个函数检测同一个容器中所有兄弟节点元素的高度,然后设置每个元素的最小高度为这些元素中高度值最大的那个.
如何运作
equalHeights() 循环指定元素的顶层子节点,并设置它们的最小高度值为最高的节点的高度值.
1.2 使用jQuery设置等高列
另一个设置等高的jQuery插件
$("#col1, #col2").equalizeCols();
上面代码设置#col1, #col2列等高
$("#col1, #col2").equalizeCols("p,p");
上面代码会设置#col1,#col2等高,并把增加额外空间的元素添加到#col1和#col2下的p元素中去.
标签:浏览器,布局,javascript,css
0
投稿
猜你喜欢
ASP正则获取图片地址
2009-09-03 13:18:00
数据库备份过程中经常遇到的九种情况
2008-12-26 16:38:00
asp被杀毒软件误删的解决方法
2011-04-11 11:16:00
适宜做简单搜索的MySQL数据库全文索引
2009-01-04 13:11:00
JavaScript链式调用的设计
2009-12-04 12:46:00
Yahoo发布一款FireFox网站开发插件
2007-09-23 16:11:00
SQL Server连接中经常出现的3个常见错误与解答
2010-07-26 14:25:00
jQuery实现同一点击,两个不同链接,指向两个不同的iframe
2010-06-21 10:52:00
分析Silverlight Button控件布局
2009-02-17 13:13:00
天极产品设计流程
2007-10-11 18:47:00
画好线框图的20个步骤
2009-09-01 19:46:00
数据库安全应用 使用MySQL的23个注意事项
2009-05-13 10:27:00
如何在Frontpage中定义CSS样式
2008-08-02 12:32:00
Oracle 多行记录合并/连接/聚合字符串的几种方法
2009-11-17 08:53:00
mysql proxy问题
2009-02-27 15:54:00
使用FCKeditor添加文章时,在文章最后多了逗号
2007-10-11 13:38:00
彻底终结浏览器Cache页面的解决方案
2008-04-21 15:10:00
菜鸟课堂:玩转MySQL数据库 性能优化八法
2009-03-25 14:44:00
SQL技巧:快速掌握一些异常精妙的SQL语句
2009-09-02 13:55:00
firefox扩展插件制作方法
2007-10-12 13:50:00