javascript - :not(:hover) 不适用于不透明度

Question

我有以下代码：

#topbar:not(:hover){
  -skrollr-animation-name: topbaropa;
}
#topbar:hover {
  -skrollr-animation-name: topbarhoveropa;

}

它应该在逐渐#topbar滚动到 0.10 时淡化不透明度，但是当您将鼠标悬停时#topbar，不透明度会回到 1，然后鼠标关闭会回到 0.10。

问题是，它不起作用。它在滚动时消失，但在鼠标悬停时不会回到 1。

我也尝试过，而不是#topbar:hover { -skrollr-animation仅仅使用opacity: 1，但这也不起作用=/

如果有人想真正了解我的意思，链接是http://pattersoncode.ca/new%20design/?a=help

score 1 · Accepted Answer

skrollr-stylesheets不支持交互。

skrollr-stylesheets 不会对文档中的更改做出反应。样式表被解析一次然后应用。您不能将类添加到元素并期望关键帧得到更新。

score 0 · Accepted Answer

0

只需在悬停时添加一个类，并在鼠标关闭时删除该类。

于 2013-07-16T01:34:49.737 回答

2 回答 2