模板无忧
网页特效
每日更新
|
TOP排行榜
|
Tag标签
|
充值
无忧首页
网页模板
程序模板
建站教程
视频教程
网页特效
图标素材
字体下载
站长工具
站长问答
网页特效
菜单导航
图片特效
文本链接
层和布局
页面背景
表单按钮
日期时间
计算转换
键盘鼠标
浏览器
游戏娱乐
综合其它
常用代码
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在线编辑器
Mootools
HTML
JS广告代码合集
站长工具
站长常用软件
网站综合查询
Alexa排名查询
Google PR查询
域名Whois查询
网站收录查询
友情链接查询
CSS2中文手册
CSS精简优化工具
网页特效代码
模板无忧
>
网页特效
>
图片特效特效代码
>
收藏
分享
查看评论
图片特效
演示
CSS图片水印的实现_图片特效特效
查看演示效果
特效Tag：
图片水印
添加
用纯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"> body { margin: 0 auto; text-align: center; padding: 0 0 50px; font: 12px Arial, Helvetica, sans-serif normal; } .transp-block { <!--<img src=http://p1.mb5u.com/texiao/1/20110225160549601.png>-->background:url(http://p1.mb5u.com/texiao/1/20110225160549601.png) no-repeat; width: 500px; height: 375px; margin: 0 auto; } img.transparent { -moz-opacity:.75; filter:alpha(opacity=75); opacity:.75; } </style> </head> <body> <h2>Watermark Effect</h2> <div class="transp-block"> <img class="transparent" src="http://p1.mb5u.com/texiao/1/20110225160549602.jpg" alt="" /> </div> </body> </html>
所属频道：
图片特效特效
/
更新时间：2012-11-14
[收藏]
[报错]
[返回列表]
相关
图片特效特效
：
图片自动缩放
图像过来
禁止对图片用右键(仅支持IE)
图片的渐显播放效果的代码
对联式的图片广告代码
页面的左右下脚始终固定不动的图片广告代码
图片渐渐出现脚本
图象淡入淡出 Script
经典相册效果
左右移动的图片
图像映射
图形循环渐显脚本
图片特效特效Rss订阅
特效代码搜索
图片特效特效推荐
JS+CSS漂亮相册效果
基于marquee类带停顿横向图片滚动代码
Javascript图片幻灯效果
Google纪念Logo小球下落特效
nVida 网站图片滑动切换代码
可控制切换的图片幻灯切换效果
CSS给图片边框加阴影
成批图片单个依次向上循环滚动
JS实现鼠标悬停图片交换
CSS趣味图片边框之——带间隔的大边框代码
猜你也喜欢看这些
Wingdings特殊字符及符号对照表
成批滚动的文字友情链接代码
绝对好看仿FLASH链接文字渐变
会旋转的链接
随机信息显示
一个超漂亮图片或文字提示框
让链接分顺序，必须先点击其它链接，类似广告效果
动态文字
JavaScript点击链接滑出下拉列表
先后点击链接
相关链接：
复制本页链接
|
搜索CSS图片水印的实现
特效说明：
图片特效模板
-
CSS图片水印的实现
。
。。