CSS层叠样式淡化图象

html-css084

CSS层叠样式淡化图象,第1张

在<head>区域加入代码:

<style type="text/css">

<!--

.alpha { filter: Alpha(Opacity=30,

FinishOpacity=0, Style=1, StartX=0, StartY=0,

FinishX=100, FinishY=100)}

-->

</style>

在图象连接后加代码:

<IMG SRC="images/js.jpg" class="alpha">

这几个字必需在一个标签里才能针对该标签设置CSS背景。比如源码中是：本站主题：XXXXX宠物用品然后就可以书写如下css实现背景色：.myclass{background-color:#3597FA}

弄一个透明渐变的PNG覆盖在你的图片或者div上方即可。

如果IE，你也可以用滤镜，或者VML.

如果FF，你可以用Canvas,或者SVG.

PNG则是通用的(IE7+,FF,Opera,Chrome,...)，但对于IE6及以下不支持PNG透明，需特别处理(用滤镜或VML）.