使用CSS在悬停时叠加透明图像
作者：互联网
2026-03-24
HTML教程
我正在尝试使用CSS在悬停时叠加透明图像.
有一个答案here但它在IE7或IE8中不起作用.谁会知道怎么做？
我试图保持超轻,所以不要真的想使用js或类似的东西.
谢谢
我检查了你的链接,并基于此提出了 this solution.HTML：
CSS：
.image { position: relative; width: 184px; height: 219px; }.hoverimage { position: absolute; top: 0; left: 0; display: none; }.image:hover .hoverimage { display: block; } 应该适用于所有浏览器,包括IE8和IE7.它在IE6中不起作用,因为它只允许：将鼠标悬停在某些元素上,例如链接(< a>).如果您想支持IE6,请将.image更改为< a>而不是< div>并给它显示：block;.
相关推荐
专题
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
+ 收藏
最新数据
相关文章
Python 操作 Word 文档节与页面设置
04/16
Python后端开发准则
04/16
Python 面向对象编程
04/16
第2周 Day 4：英语 Agent Web 版上线：从命令行到浏览器
04/16
python从入门到精通-第8章: 类型系统 — Python的类型注解革命
04/16
基于 SelectDB 实现 Hive 数据湖统一分析：洋钱罐全球一体化探索分析平台升级实践
04/16
使用 Python 压缩 PDF 文件的大小
04/16
Envira Gallery v1.13.2 汉化版 WordPress高级图库插件
04/16
观测云数据转发和存档最佳实践
04/16
Python 错误和异常处理
04/16
AI精选
