如果分别用IE5、IE6、IE7浏览同一个网页,将可能出现不一样的效果。
这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。
我们不得不找到一个能平衡于它们之间的解决方法。
如png透明问题在IE5、IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。当然还有更多的方法。
而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是: ie7 - js
这是它们之间对CSS的解析选择器不一样或错误和个别bug所导致。为了解决这些错误和bug。
我们不得不找到一个能平衡于它们之间的解决方法。
如png透明问题在IE5、IE6下无法显示出其效果,我们可能会使用CSS hack或者引入外部JavaScript来实现。譬如前面我提到过用pngfix的那个方法就是调用外部JavaScript来解决在IE5、IE6下png透明问题。当然还有更多的方法。
而现在有种更加完美的方法能兼容IE5、IE6、IE7的CSS选择器解析不一样问题。那就是: ie7 - js
很多朋友在制作网页时都会用到图片透明。使其部分透明的图片后面显示背景部分。
而现在流行的具有透明性的图片有GIF和PNG两种非常普及格式。
GIF(Graphics Interchange Format图像互换格式)可实现图像区域的部分或全局透明。现非常多的网站都将其运用到其中。
但是256色的限制GIF的使用范围。还有一个问题:譬如,当我们的图像边缘有阴影时,保存透明后会发现其边缘不是以渐变式透明显示,而是用灰度色显示而无透明而言。
解决上面GIF的缺陷方案最好方法就是使用现在网络上流行使用的另一种图像格式PNG(Portable Network Graphic Format流式网络图形格式)
但是PNG最大的问题就是,它在IE6下无法显示透明区域(Firefox、Opera、Safari均支持PNG透明),会有一种灰白色代替成为其背景色。这不是PNG这个格式图片的问题,而是IE6的BUG,没有将PNG的Alpha通道打开,造成透明PNG图片的在IE6上显示不出透明区域。
现在就有种方法是通过引入JavaScript的方式解决这个问题。
而现在流行的具有透明性的图片有GIF和PNG两种非常普及格式。
GIF(Graphics Interchange Format图像互换格式)可实现图像区域的部分或全局透明。现非常多的网站都将其运用到其中。
但是256色的限制GIF的使用范围。还有一个问题:譬如,当我们的图像边缘有阴影时,保存透明后会发现其边缘不是以渐变式透明显示,而是用灰度色显示而无透明而言。
解决上面GIF的缺陷方案最好方法就是使用现在网络上流行使用的另一种图像格式PNG(Portable Network Graphic Format流式网络图形格式)
但是PNG最大的问题就是,它在IE6下无法显示透明区域(Firefox、Opera、Safari均支持PNG透明),会有一种灰白色代替成为其背景色。这不是PNG这个格式图片的问题,而是IE6的BUG,没有将PNG的Alpha通道打开,造成透明PNG图片的在IE6上显示不出透明区域。
现在就有种方法是通过引入JavaScript的方式解决这个问题。
极光夜晚神秘绚丽。
模版名称:AuroraNight
适用版本:bo-blog 2.1.0(+)
适用分辨率:1024*768(+)
测试浏览器:IE6/IE7、Firefox、Opera、Safari四大核心浏览器
演示地址:http://www.azuresky.com.cn/index.php?tem=AuroraNight
说明:此版面在NewYearNight新年之夜的基础上制作,以摆脱新年才能用的限制,配色的改动,天蓝色为强调色,不采用纯白色(#FFFFFF)为正文背景色以保护眼睛,内附blogtitle源文件,请自行修改,并保存为透明的png格式。
2008-02-18日更新:
1、发现在Opera下blogtitle.png被全透明化。看不到blogtitle.png。现已更新
2、采用在img的onload事件調用fixPNG(this)不符合XHTML 1.0标准。现已更新
3、发现images文件夹下缺少wmp.gif图片。现已更新,或自行上传一个
需要更新上传的文件:style.css、elements.php、blank.gif、iepngfix.htc
如果对符合XHTML 1.0标准不太在意,可以不理会。但建议更新。
另由于我的Vista系统,无法用IE6测试,因此谢谢"夜的记忆"帮忙测试。
模版名称:AuroraNight
适用版本:bo-blog 2.1.0(+)
适用分辨率:1024*768(+)
测试浏览器:IE6/IE7、Firefox、Opera、Safari四大核心浏览器
演示地址:http://www.azuresky.com.cn/index.php?tem=AuroraNight
说明:此版面在NewYearNight新年之夜的基础上制作,以摆脱新年才能用的限制,配色的改动,天蓝色为强调色,不采用纯白色(#FFFFFF)为正文背景色以保护眼睛,内附blogtitle源文件,请自行修改,并保存为透明的png格式。
2008-02-18日更新:
1、发现在Opera下blogtitle.png被全透明化。看不到blogtitle.png。现已更新
2、采用在img的onload事件調用fixPNG(this)不符合XHTML 1.0标准。现已更新
3、发现images文件夹下缺少wmp.gif图片。现已更新,或自行上传一个
需要更新上传的文件:style.css、elements.php、blank.gif、iepngfix.htc
如果对符合XHTML 1.0标准不太在意,可以不理会。但建议更新。
另由于我的Vista系统,无法用IE6测试,因此谢谢"夜的记忆"帮忙测试。
模版名称:NewYearNight
适用版本:bo-blog 2.1.0(+)
适用分辨率:1024*768(+)
测试浏览器:IE6/IE7、Firefox、Opera、Safari四大核心浏览器
演示地址:http://www.azuresky.com.cn/index.php?tem=NewYearNight
寄语:新年之夜,灿烂烟花绽放全新演绎。