【问题标题】:How to make images revert the opacity affect when hovered?如何使图像在悬停时恢复不透明度影响?
【发布时间】:2016-06-17 09:04:30
【问题描述】:

例如,当我将鼠标悬停在已设置不透明度的图像上时,我希望图像像最初一样不透明。

现在解决了!

【问题讨论】:

    标签: html css hover opacity


    【解决方案1】:

    只需使用:hover 伪选择器。

    img {
      opacity: 0.5;
    }
    
    img:hover {
      opacity: 1.0;
    }
    <img src="https://s-media-cache-ak0.pinimg.com/236x/1c/74/6c/1c746c3dffb830b890a21e5bb1ef7500.jpg" height="200" width="200"

    【讨论】:

    • 啊当然。现在很有意义。谢谢你,@RichardHamilton!
    猜你喜欢
    • 1970-01-01
    • 2014-03-04
    • 2013-08-15
    • 2015-12-23
    • 2015-06-04
    • 1970-01-01
    • 1970-01-01
    • 2017-07-15
    • 2015-07-18
    相关资源
    最近更新 更多