格：懸停只在最後一類的工作

Question

有一個非常奇怪的問題：

我使用一個div創建和jQuery的控制，簡單的退出按鈕三個要素，但我現在用的是：懸停CSS選擇器懸停時更改不透明度。問題在於它只是在三個元素中的最後一個元素上工作。如果我註釋掉第三個，它會在第二個上運行，依此類推。我在這裏包含了一個虛擬小提琴鏈接，以顯示我正在處理的內容。我無法找到任何解決方案，甚至無法在任何地方找到這個問題，我也不知道是什麼原因造成的。

演示：http://bit.ly/1rKVW7u

嘗試點擊每個藍色框，然後懸停在右上角的退出按鈕，你就會明白我的意思，第三藍色框的彈出式窗口的作品和別人沒有。

任何想法？

Answer 1

這有點奇怪，但似乎不管你選擇哪個窗口，exit-btn總是第三個。 將display: none;添加到類.work-type-window可解決此問題。
參見here。

Answer 2

您對所有按鈕都使用position: fixed，因此它們位於完全相同的位置，除非您只看到不透明的按鈕。另一個仍然是我想的方式（和IE11可能有不同的行爲）。

這裏的3個離開鏈接不是一個比其他再和他們每個人都可以有風格上的變化來徘徊：http://jsfiddle.net/f1xc6gwk/

使用display: none：有一個機會，它還將與屏幕閱讀器更好地工作（他們不閱讀隱藏的內容，而他們可能閱讀透明內容，而遠見的用戶不會閱讀它：你可能會希望你的所有用戶將無法閱讀透明內容）