编程
您现在的位置:首页 >> 编程

用CSS控制透明图片

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>用CSS控制透明图片</title>

<style>

#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>

</head>

<body>

<div>

<div id="top"><a href="#" target="_blank"><img src="tool/ExamplePic/example8.jpg" /></a></div>

看这里,是不是文字和图片半透明?</div>

</body>

</html>