用CSS控制透明图片

时间:2006-11-06 11:36:01  来源:站长资讯收集整理  作者:佚名

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>网页特效观止|CHINAHTML|---用CSS控制透明图片</title>

</head>

<body>

<style>
body{ font-size:12px;}
#top{position:absolute;}
#top a img{-moz-opacity:0.5; filter:alpha(opacity=50);border:0px;}
#top a:hover{font-size:9px;}
#top a:hover img{-moz-opacity:0.5; filter:alpha(opacity=80);cursor:hand;}
</style>
<div>
<div id="top"><a href="http://www.chinahtml.com" target="_blank"><img src="http://www.chinahtml.com/images/logo.gif" /></a></div>
这里是一些文字</div>

</body>
</html>

文章评论

共有 位CH网友发表了评论 查看完整内容