Question

我的facebook就像按钮一样有一个奇怪的问题。

通常，当您点击某个网站上的“赞”时，您会收到一条评论弹出窗口。此弹出窗口在鼠标悬停时具有100％的不透明度，但在鼠标移除时降低了不透明度。

然而，在我的网站上，这是相反的。我在mouseout上获得100％的不透明度，并在鼠标悬停时降低了不透明度。显然，这使得它很难使用。

这是我的网站：http://notts-squash.co.uk/results.html?table=teams&idd=440&season=10&social=true。（要在其他页面上测试，请在URL中添加＆amp; social = true。）

非常感谢提前！这让我困惑了几个星期。

Answer 1

我还无法弄明白，但是，我建议的第一件事就是从类似插件的fbml更改为html5样式标签。如果这不起作用，请尝试从results.html页面的复杂性中取出类似的插件，并将其放入具有最少HTML元素的页面中。如果可行，那么您需要从results.html页面的裸骨版本开始，并开始一次添加HTML元素/块，直到插件中断。这将告诉你什么HTML导致类似插件的问题。

Answer 2

来自widget72.css的CSS导致了transaprency：

.at300b:hover {
    opacity: 0.8;
}

您可以将CSS文件更改为：

.at300b:hover {
    opacity: 1;
}

只要您的CSS文件位于widget72.css之后（我假设您的热链接），那么这应该可以解决问题。否则，您可以将!important添加到CSS文件中的代码中。

修改

如果您希望孩子在您不徘徊时拥有opacity: 0.8（在弹出窗口中），那么您可以尝试以下操作：

.at300b > * {
    opacity: 0.8;
}

.at300b:hover, .at300b:hover > * {
    opacity: 1;
}

这有点像黑客，但是如果你从来没有找到你为什么会这样做的话会工作。

像弹出窗口的Facebook有反向不透明度设置（鼠标悬停/鼠标移出）

2 个答案:

修改