客齐齐
首页 > 知识库 > 网页基础

CSS的图片水印效果代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>用CSS实现图片水印效果代码</title>
<style type=text/css>
.transp-block{background:#fff url(http://www.kqiqi.com/skins/kqiqicims/images/logo.gif) no-repeat right bottom;margin:0px auto;width:512px;height:380px;overflow:hidden}
img.transparent{filter:alpha(opacity=70);moz-opacity:.70;opacity:.70}
</style>
</head>
<body>
<div class=transp-block>
<img class=transparent src="http://www.kqiqi.com/images/map.gif" width="512" height="380" />
</div>
</body>
</html>

上一篇:IE6下使用DD_belatedPNG的注意事项

下一篇:sql中的group by 和 having 怎么用