gpt4 book ai didi

css - 悬停时更改图像部分的不透明度

转载 作者:行者123 更新时间:2023-11-28 12:37:06 27 4
gpt4 key购买 nike

如何仅在鼠标悬停时更改按钮的不透明度。

<style>
.change_opacity:hover{

/* FIRST (order is important) */
opacity: 0.7;

/* SECOND (IE8) */
-ms-filter:”progid:DXImageTransform.Microsoft.Alpha(Opacity=70)”;

/* THIRD (IE7) */
filter: alpha(opacity=70);
}
</style>

<a href="http://www.youtube.com/watch?v=xiwLYMExzi8">
<img src="http://i.imgur.com/nGiyduv.jpg" alt="potatos" class="change_opacity"></a>

最佳答案

您必须使用“图像 map ”。这是一种分解图像不同部分并能够对它们执行不同功能的方法。我之前创建过图像映射,将图像的不同部分转到不同的 URL。

有很多在线工具可以帮助您制作图像 map 。您可以尝试一些设置 here调整 CSS 属性

关于css - 悬停时更改图像部分的不透明度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17903782/

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