使用javascript修复浏览器中12个常见而又头痛的问题

核心提示： 如何运作equalHeights() 循环指定元素的顶层子节点,并设置它们的最小高度值为最高的节点的高度值.查看 演示. 1.2 使用jQuery设置等高列另一个设置等高的jQuery插件$("#col1, #col2").equalizeCols();上面代码设置#c

如何运作

equalHeights() 循环指定元素的顶层子节点,并设置它们的最小高度值为最高的节点的高度值.

查看 演示.

1.2 使用jQuery设置等高列

另一个设置等高的jQuery插件

$("#col1, #col2").equalizeCols();

上面代码设置#col1,#col2列等高

$("#col1, #col2").equalizeCols("p,p");

上面代码会设置#col1,#col2等高,并把增加额外空间的元素添加到#col1和#col2下的p元素中去.

2. IE6 PNG 图片通明支持

IE6及早期的版本不支持png图片透明.虽然可以使用一些小窍门令IE5.5或IE6支持png透明,但这不是理想的方式而且难于使用. 让我们来看看能做点什么,以支持IE6的用户,同时使绝大部分的网站访客能充分获得透明带来的好处.

2.1 加强IE6使其支持透明

IE7.js 是由Dean Edwards编写一个javascript库,加强了MSIE(IE6, IE5)的行为,使其看起来就像兼容标准的浏览器一样.它修复了IE5与IE6下的许多CSS问题并能使png透明正常工作.它还允许使用先进的CSS选择器.

查看演示.

源代码下载

2.2. iFixPng improved

它修复了IE6及更早版本的png图片问题,包括所有图片元素及使用CSS设定的背景图片. 这个插件是原来的jQuery插件iFixPng的改进版本.特征有: 修复指定图片或带背景图元素的问题*, 支持使用了CSS背景中background-position属性的图片, 还修复了IE绝对定位的问题. (bottom: -1px || bottom: 0px)