javascript修复浏览器中头痛问题(2)

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)

• 查看演示
• 源代码下载

3. 用JavaScript改变CSS类

这是一个简单的JavaScript函数,它可以改变当前文档中任何元素的类.当要在运行时使用CSS类代替硬编码的样式值改变样式时,这个函数非常有用.

代码:

function changeClass(oldClass, newClass) {
    var elements = document.getElementsByTagName("*");
    for( i = 0; i < elements.length; i++ ) {
        if( elements[i].className == oldClass ) elements[i].className = newClass;
    }
}

function changeClass(oldClass, newClass) {    var elements = document.getElementsByTagName("*");    for( i = 0; i < elements.length; i++ ) {        if( elements[i].className == oldClass ) elements[i].className = newClass;    }}

• 查看演示
• 源代码下载