这个css效果怎么做？
时间：2011-07-16
来源：互联网
我觉得应该有类似代码可参考的 http://www.vsheying.com/showcase/
图片去和下面的文字在鼠标在上面时变色
图片去和下面的文字在鼠标在上面时变色
作者: cnljc 发布时间: 2011-07-16
我知道可以用js做 。弄个层 覆盖在上面 。
ps:他的html id都重复了 ~
ps:他的html id都重复了 ~
作者: zell419 发布时间: 2011-07-16
有可以参考的代码没有？？
作者: cnljc 发布时间: 2011-07-16
先做好主要部分，最后做这个效果。
因为只考虑鼠标同一时间在一个地方悬停，所以定义了一个遮罩层，鼠标移动到那个图片区域，就把这个遮罩层appendChild到图片区域下，所以你在哪里悬停，遮罩层的ID都是div2，因为全页面就只有这一个，只是到处跑。
层要做成这种效果。要用到透明度。
filter: alpha(opacity=80); //forIE
opacity:0.3; //for chrome/ff
同时写这两个兼容大部分浏览器。
遮罩层
postion:absolute;
left:0;
top:0;
宽度与要被遮罩的区域宽高一样。
因为只考虑鼠标同一时间在一个地方悬停，所以定义了一个遮罩层，鼠标移动到那个图片区域，就把这个遮罩层appendChild到图片区域下，所以你在哪里悬停，遮罩层的ID都是div2，因为全页面就只有这一个，只是到处跑。
层要做成这种效果。要用到透明度。
filter: alpha(opacity=80); //forIE
opacity:0.3; //for chrome/ff
同时写这两个兼容大部分浏览器。
遮罩层
postion:absolute;
left:0;
top:0;
宽度与要被遮罩的区域宽高一样。
作者: KongHuLu 发布时间: 2011-07-17
勘误：又看了一下。。
不知道他们怎么搞的，ID都重复了，移上一次就在哪儿加一个。
估计是直接createElement的。用appendChild不会出现这情况的。
不知道他们怎么搞的，ID都重复了，移上一次就在哪儿加一个。
估计是直接createElement的。用appendChild不会出现这情况的。
作者: KongHuLu 发布时间: 2011-07-17
相关阅读 更多
热门阅读
-
office 2019专业增强版最新2021版激活秘钥/序列号/激活码推荐 附激活工具
阅读：74
-
如何安装mysql8.0
阅读：31
-
Word快速设置标题样式步骤详解
阅读：28
-
20+道必知必会的Vue面试题（附答案解析）
阅读：37
-
HTML如何制作表单
阅读：22
-
百词斩可以改天数吗？当然可以，4个步骤轻松修改天数！
阅读：31
-
ET文件格式和XLS格式文件之间如何转化？
阅读：24
-
react和vue的区别及优缺点是什么
阅读：121
-
支付宝人脸识别如何关闭?
阅读：21
-
腾讯微云怎么修改照片或视频备份路径?
阅读：28
