打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
特效移动图片 (chroma滤镜)
制作简析:
一、设置一个宽为800px高为240px的一行二列的表格。
二、第一个单元格宽720px,高240px。放入一个表格,表格标签中设置相对定位样式,表格标签与列标签中都设置背景图片;单元格的背景颜色为红色。
1、单元格内放入移动标签控制的表格,移动标签中设置绝对定位样式,表格标签中设置背景图片。定位样式的居左值与居上值均为6px(因为总表格的居左值与居上值均为1px,边框线2px,边距3px。)
2、下设一个居中对齐的块区,块区中放入二重表格。
第一重表格设置相对定位样式,居上值与居左值均为0px,使之块区中的内容与上面单元格中的内容重叠。列标签中设置chroma滤镜,滤镜的透明颜色为红色。
二重表格(里层的表格)为六行八列的表格,表格的大部分列标签中都设置了红色的背景颜色,使滤镜能够透过这些红色的背景颜色,让我们能够看到下层的背景图片。没有设置红色背景颜色的单元格,是有背景图片的单元格。
三、第二个单元格宽80px,高240px。列标签中设置了chroma滤镜,滤镜的透明颜色为黑色;放置了红色的背景图片,单元格中放置了黑色的文字图片:“江南好”。滤镜透过黑色的文字图片,使文字“江南好”变为透明的无色文字。
四、Chroma属性可以设置一个对象中指定的颜色为透明色。表达式如下:style="filter: chroma(color=#000000);"  。
素材来源于网络
“春天没来”编辑解析
2013年5月2日于北京
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
css样式表应用(6)
练习 9 表格标签
精美网页代码【5】
让网页动起来 Dreamweaver中超级文字特效3
十五节二层代码
表格标签举例4
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服