【问题标题】:Make elements semitransparent but the one being hovered使元素半透明但悬停的元素
【发布时间】:2016-08-11 12:44:48
【问题描述】:

我正在尝试将 :not 选择器与 :hover 结合使用以使未悬停的元素变为半透明。

我想要达到的目标:

1) 每个元素从一开始都是 100% 的不透明度

2) 当一个元素被悬停时,它应该保持 100% 的不透明度,其余的保持 50% 的不透明度。

我尝试了类似的方法:

.news-item:not(:hover) {
    @include opacity(0.5); 
}

【问题讨论】:

    标签: css hover


    【解决方案1】:

    我会使用标准选择器使所有项目 50% 不透明,并用 :hover 覆盖它以使悬停的项目 100% 不透明。

    请参阅下面的小提琴示例:

    https://jsfiddle.net/25784cvg/

    编辑: 再次查看问题,这不是您要问的。道歉。请参阅下面的更新小提琴示例,该示例以 100% 不透明度的所有项目开头。

    https://jsfiddle.net/25784cvg/1/

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2021-12-28
      • 2011-01-22
      • 2014-12-19
      • 1970-01-01
      • 2019-06-13
      • 1970-01-01
      • 2018-05-03
      相关资源
      最近更新 更多