Posts Tagged ‘png’

半透明图片的使用

2008年6月24日 星期二

起因：做个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的版本号，绝对不会用错地方<--其实也是无奈之举。

Tags: , ,
关于 电脑 | 坐板凳 »