单击链接后弹出窗口

Question

像这样： http://i.imgur.com/homRkRv.png

我该怎么办？我在网上查了一下，只设法创建了一个纯CSS的弹出窗口，但我无法点击这是我不想要的东西。

Answer 1

您可以使用焦点实现css

a.button {
    background: #000;
    display:block
}

a.button div {
    display:none;
}

a.button:focus div {
    display:block
}

仅适用于此示例：

<a class="button" href="#">Clickme
    <div>Content hidden</div>
<a>

最后一部分，单击链接，然后显示div。 您可以为div添加更多样式，例如绝对位置，背景等。