<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE wml PUBLIC "-//WAPFORUM//DTD WML 1.1//EN" "http://www.wapforum.org/DTD/wml_1.1.xml">
<wml>
<head><meta forua="true" http-equiv="Cache-Control" content="max-age=0" /></head>
<card title=" 如何解决CSS中使用GIF无法透明的问题" id="card1">
<p> 游客</p><p>
标题: 如何解决CSS中使用GIF无法透明的问题<br/>
正文:<br/>
     深圳SEO悦鹜使用的zblog程序中，顶部搜索框的背景图片是一张不透明的GIF，如果在换了顶部的Banner的时候，很难看，于是自己把它改成了透明的GIF。但是问题出现了，这个图片是写在CSS中直接调用的，怎么做，都不透明。于是想到了修改CSS代码。其实也很简单，去掉定义背景类型的参数就可以了。这里去掉image。这里还是以zblog中的搜索框为例，原CSS代码如下：.article_search {background-image:url(seanloo/search_1.gif);width:140px;height:22px;font-size:14px;font-weight:700;border:0;color:#CCC;padding:7px 0 0 28px;}只要将上述代码改为以下形式（红色字体部分对比）：.article_search {background:url(seanloo/search_1.gif);width:140px;height:22px;font-size:14px;font-weight:700;border:0;color:#CCC;padding:7px 0 0 28px;}当然，此方法同样适用于其他程序的CSS中，不限于zblog。<br/><a href="http://www.yuewu.org/wap.asp?mode=WAP&amp;act=View&amp;id=194&amp;Page=1">[&lt;&lt;]</a><a href="http://www.yuewu.org/wap.asp?mode=WAP&amp;act=View&amp;id=194&amp;Page=1">[[1]]</a><a href="http://www.yuewu.org/wap.asp?mode=WAP&amp;act=View&amp;id=194&amp;Page=1">[&gt;&gt;]</a><br/>
<br/>
<a href="wap.asp?act=Com&amp;id=194">查看评论(1)</a><br/>
<a href="wap.asp?act=AddCom&amp;inpId=194">发表评论</a><br/><br/>

<br/>

<br/>
<a href="http://www.yuewu.org/wap.asp">首页</a>
</p>
</card>
</wml>