病毒安全知识,电脑网络技术,手工杀毒方法,答疑解决笔记

导航

« 手机更怕哪个,病毒还是欺骗?“无法解锁手机”的解决方法 »

另类的让IE6支持透明背景图片

  IE6当然是不支持透明背景的PNG图片,虽然网上有不少方法来解决这个问题,下载一些JS什么的,但我不喜欢另外增加JS,所以想使用GIF来兼容IE6,虽然IE6的市场占有率已经急剧下降,但它还是死守不退。不过用GIF有个麻烦,GIF的透明背景虽然IE6可以支持,但GIF只有256色,颜色不如PNG丰富,有的图标看上去就显得不是那么舒服。而强行让IE6显示透明背景的png图标,蒙上一层灰色不说,还有我用CSS sprites合并的图片背景要比显示图标大得多,所以灰色的区域也更大,看上去就更难看了。

  因此在不想额外使用JS的情况下,我就想在IE6与其它浏览器访问网站时加载不同的图片,IE6加载GIF,其它浏览器加载PNG,这样就都能支持了,而且在大部分浏览器看来,图标颜色还算过得去。解决的方法是使用IE6能识别而其它浏览器(包括IE7、8、9)都不支持的CSS代码,比如下划线,IE6能认的“_background”,而其它浏览器就不能认的,只能识别“background”,这样关于背景图片就可以这样写:

{background:url("default/stormcn-z.png") no-repeat; _background:url("default/stormcn-z.gif") no-repeat}

非IE6(IE7、8、9,火狐,chrome,opera)的浏览器可以识别前半段不带下划线的部分,就使用png图片,而IE6认得下划线开头的background,而后面的效果将覆盖前面效果(后面代码比前面优先),则只调用gif图片,这样在IE6和其它浏览器下都能看到透明背景的图片了,虽然IE6下看到图片色彩方面差一点,算了,反正是早就淘汰的浏览器,将就一点吧。以下是浏览器的CSS兼容表。

不同浏览器的CSS兼容表

  这段时间以来都在调整我的网站,撤掉了文章列表,改进了css sprites,调整了Logo,折腾了近一个月,现在算是基本结束了,最后只剩下要不要裁掉谷歌分析,看来我还得为此再纠结一段时间。


>> 除非说明均为原创,如转载请注明来源于http://www.stormcn.cn/post/1119.html

发表评论(欢迎交流,无须注册 | 如申请友链与本站要求不符,恕不回复,见谅):

验证码

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

  • 收藏文章:
  • 新浪微博:
  • 订阅博客:
  • 腾讯微博:

最新发表

最新评论及回复

本站出现的所有广告均不代表本人及本站观点立场 | 关于我 | 网站地图 | 联系邮箱 | 返回顶部
Copyright 2008-2016 www.stormcn.cn. All Rights Reserved. Powered By Z-Blog. 闽ICP备09000343号

闽公网安备 35010202000133号