有一个非常奇怪的问题：
我有三个元素使用在div中创建并由jQuery控制的简单退出按钮，但我使用：hover CSS选择器来改变悬停时的不透明度。问题是它只能处理三个元素中的最后一个。如果我注释掉第三个，它会在第二个上运行，依此类推。我在这里包含了一个愚蠢的小提琴链接，以显示我正在使用的内容。我无法在任何地方找到任何解决方案或甚至引用此问题，我不知道是什么导致了它。
尝试点击每个蓝色框，然后将鼠标悬停在右上方的退出按钮上，您就会明白我的意思是第三个蓝框的弹出窗口有效，其他则没有。
有什么想法吗？
答案 0 :(得分：0)
这有点奇怪，但似乎无论你选择什么窗口，exit-btn总是第三个。
将display: none;添加到班级.work-type-window可以解决此问题
见here。
答案 1 :(得分：0)
您为所有按钮使用position: fixed，因此它们位于完全相同的位置，除非您只看到不透明的按钮。另一个仍然是我猜的方式（IE11可能在这里有不同的行为）。
此处3个退出链接不再是另一个，并且每个链接都可以通过样式更改进行悬停：http://jsfiddle.net/f1xc6gwk/
使用display: none：它有可能更好地与屏幕阅读器配合使用（当他们可能阅读透明内容时，他们不会阅读隐藏内容有视觉的用户不会读它：你可能会认为所有用户都无法阅读透明内容。