如何「燈箱」div不可點擊放棄？ [沒有JS]

我希望我得分的DIV beeing該鏈路上cliking當收藏：如何「燈箱」div不可點擊放棄？ [沒有JS]

<a href="#test">TEST</a>

但我們不希望通過單擊div來使其disapear，JUST只在黑背景！

這裏是我的嘗試：

<a id="test" href="#"> 
    <div id="details"> 
    many scores ! : <br> 
    test n°1 : 16/20<br> 
    test n°2 : 11/20<br> 
    test n°3 : 17/20<br> 
    test n°4 : 14/20<br> 
    test n°5 : 15/20<br> 
    </div> 
</a>

但你可以在此看到小提琴，我們可以以使其disapear點擊收藏夾...：http://jsfiddle.net/apr4Ln3j/

並沒有JS由方式...可悲的是我不允許使用 - '

來源

2014-10-04 Seba99

不知道你會需要什麼 – 2014-10-04 22:23:53

我相信他所指的是典型的被稱爲一個燈箱......並用javascript創建的 – myfunkyside 2014-10-04 22:25:20

是啊！不知道它是那個名字^^ – Seba99 2014-10-04 22:42:23

在您提供的示例中，打開時單擊背景或圖像框關閉它。

但是，你可以使用這個屬性的背景不可點擊試試亂搞與pointer-eventsproperty

JSFiddle

我已經修改了你的小提琴，使箱點擊，和。我知道你想要相反的，但也許現在你可以自己到達那裏 - 我只是指導一條可能的道路。

來源

2014-10-04 23:32:34 jsfrocha

好吧，我添加了 'pointer-events：none;'給#test，但我們仍然可以點擊並繼續我看到我的div也是0.8的不透明度爲什麼？ ... – Seba99 2014-10-04 23:57:17

對不起，但問題是關閉只在點擊黑色疊加燈箱。 – 2014-10-05 00:31:16

我知道這個問題。我也不喜歡在銀盤上提供答案。我只是給了OP可以解決他的問題的工具。作爲一個線索，我已經展示了一個與他想要的相反的例子。 – jsfrocha 2014-10-05 00:39:11

如何「燈箱」div不可點擊放棄？ [沒有JS]

回答

相關問題