格：關注一下鑑於兩個div <code>box1</code>和<code>box2</code>在IE

Question

鏈接時消失，我試圖讓box2出現使用focus選擇點擊box1。

Inside box2是一個簡單的超鏈接，使得點擊時box2消失。這是預期的，因爲點擊box2取消選擇box1，因此不再關注。但是，在Firefox 31和Chrome 37中，瀏覽器仍然會根據需要將我帶到鏈接的網頁，但IE 11什麼也不做。

這裏有一個簡單的jsfiddle：http://jsfiddle.net/ndwurxg2/

點擊紅色框會使灰色的出現，再點擊鏈接「谷歌」會幫你（我假設的jsfiddle只是重定向到自己的頁面，但你可以看到它正在加載），而IE沒有。

有沒有任何CSS只有解決這個問題？謝謝

Answer 1

我想唯一的CSS解決方案是將visibility更改爲visible時，也懸停在元素上。我不確定這是否是你要做的行爲，但它現在在IE中起作用。

Updated Example

#box1:focus ~ #box2, 
#box2:hover, 
#box2:active { 
    visibility: visible; 
} 

或者，您也可以使用以下命令：

Updated Example

#box1:focus ~ #box2, 
#box2:focus, 
#box2:active { 
    visibility: visible; 
} 
#box2 a:active { 
    visibility: visible; 
    opacity: 0; 
}