在CSS里面使用GIF无法透明的问题。

html-css029

在CSS里面使用GIF无法透明的问题。,第1张

我的也正常的

html:

<input type="button" class="botton" />

css:

<style type="text/css">

body{

background:#000000

}

.botton{

width:60px

height:30px

background:url(botton.gif) no-repeat

border:none

}

</style>

你再试试吧,会不会是选择器啊什么的有冲突,设class看看怎么样,要不用id试试再看看我这个在你那正不正常

这个要根据图片的色彩位数而定,只有24位色(又叫RGB模式)的图片才能实现不透明+半透明+全透明,而8位色(又叫索引颜色模式)则只能实现不透明+全透明。

GIF格式只有8位色模式,所以是不可能实现半透明的。

PNG既有8位色模式,也有24位色模式,所以在PS(或其他图片处理软件)中保存时要选择24位色模式才能实现半透明效果。

下面两个PNG图片,一个是8位色,另一个是24位色,你拿去对比一下就知道了: