gpt4 book ai didi

css - 使用CSS在悬停时覆盖透明图像

转载 作者:行者123 更新时间:2023-11-28 09:02:37 24 4
gpt4 key购买 nike

我正在尝试使用 CSS 在悬停时覆盖透明图像。

有答案here但它在 IE7 或 IE8 中不起作用。有人知道怎么做吗?

我试图保持超轻,所以真的不想使用 js 或任何类似的东西。

谢谢

最佳答案

我查看了您的链接并找到了 this solution以此为基础。

HTML:

<div class="image">
<img src="xy.jpg" alt="" />
<img class="hoverimage" src="xy_hover.jpg" alt="" />
</div>

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 中不起作用,因为它只允许 :hover 在某些元素上,如链接 ( <a> )。如果要支持IE6,改.image成为<a>而不是 <div>并给它display: block; .

关于css - 使用CSS在悬停时覆盖透明图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5647619/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com