如何＆＃34;灯箱＆＃34; div无法点击消失？ [没有JS]

Question

我希望我的分数在点击该链接时成为灯箱：

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

但是我们不想通过点击黑色背景上的div 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>

但正如你可以在这个小提琴中看到的那样，我们可以点击灯箱以使其消失...：http://jsfiddle.net/apr4Ln3j/

并且顺便没有JS ......遗憾的是我不允许使用 - “

Answer 1

在您打开的示例中，单击背景或图像框时会关闭它。

但是，您可以尝试使用pointer-events property

JSFiddle

我修改了你的小提琴，使盒子可以点击，并且使用这个属性不能点击背景。我知道你想要相反，但也许现在你可以自己到达那里 - 我只是指导一条可能的道路。