半透明图片的使用

起因:做个css,好死不死的用了个半透明的图片,唉~~~

首先,gif不支持半透明图片,咋办,只好png,恶心的是ie6不支持透明png,开始Google……

解决方法:

在叶面的header里加入:

<!--[if lt IE 7]>
<style type="text/css" media="screen">
#header {
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="<?php bloginfo('template_url'); ?>/images/header.png");
  background: none;
}
</style>
<![endif]-->

其实还可以用* html #header来直接写在css里面,不过有以下缺点:

  1. 估计通不过css交验
  2. 测试后发现AlphaImageLoader的src的当前目录为根目录而不是css所在目录,这点就比较郁闷了,唉~~

写在header里最大的优点就是可以指定ie的版本号,绝对不会用错地方<--其实也是无奈之举。

One Response

  1. summer says:

    一般还是放在CSS里面的话,src一定要使用绝对路径……否则就要出错了……