CSS 背景渐变色透明度

014月

CSS 背景渐变色透明度

早些时候看到国外一些网站用到了在背景图片上加一个半透明的图层，写上文字很漂亮，最近在做一个网站，由于不想用太多的图片，因此在背景上也就采取了渐变色，透明度的一些做法，相关的代码如下：

CSS渐变色代码
GradientType  渐变方式    0：上下变化    1：左右变化
StartColorStr  开始颜色
EndColorStr    结束颜色
<TABLE style=”WIDTH: 600px; HEIGHT: 360px” border=1><TBODY>
<TR>
<TD style=”FILTER: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,EndColorStr=’#ffffff’,StartColorStr=’royalblue’)”>dfdafadfafdafa</TD>
<TR>
</TR>
</TBODY>
</TABLE>

背景半透明：
{filter:alpha(opacity=50)}

这些效果运用起来是很漂亮，在IE6 IE7 下面看都没有什么问题，可是在Firefox 下面一看，根本什么效果都没有。因此单纯这么写在Firefox 下面还是不支持的。

分享到：

OnlyGrape葡提子,英文建站博客英文网站建设，用户体验设计，前段技术研究，seo网站推广