格：关注一下鉴于两个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; 
}