如何解决CSS中使用GIF无法透明的问题
发布-YUEWU.ORG | 查看- | 发表时间-2012/8/25
深圳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。
或许你还对下面的文章感兴趣
- 工信部再次来袭 大力出击清理国内网站(2012-8-23 16:53:16)
- 织梦（DedeCMS）版权符号代码(2012-7-19 9:38:41)
- 浅谈VPS建站的好处(2012-5-19 10:22:22)
- 案例 东莞侦探公司(2012-5-12 9:48:53)
- 网络营销团队的组建及分工(2012-5-10 10:36:48)
- 案例 百龙科技网上商城(2012-5-8 19:50:30)
- ASP网站和PHP网站如何换空间(2012-4-28 9:23:13)
- Sean_Red红色系主题修改首页幻灯片及中部图片(2012-4-13 8:12:28)
- 织梦（DedeCMS）更改域名批量修改图片路径(2012-4-11 8:25:8)
- Sean_Red红色系主题修改颜色(2012-4-9 8:53:45)
最新文章
最近评论
访客留言
◎欢迎参与讨论，请在这里发表您的看法、交流您的观点。