Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/39.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 单击链接后弹出窗口_Css - Fatal编程技术网

Css 单击链接后弹出窗口

Css 单击链接后弹出窗口,css,Css,像这样: 我怎么做?我在网上查了一下,只创建了一个带有纯CSS的弹出窗口,但我无法点击,这是我不想要的。你可以专注地实现你的CSS a.button { background: #000; display:block } a.button div { display:none; } a.button:focus div { display:block } 仅此示例中: <a class="button" href="#">Clickme

像这样:


我怎么做?我在网上查了一下,只创建了一个带有纯CSS的弹出窗口,但我无法点击,这是我不想要的。

你可以专注地实现你的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添加更多样式,例如绝对位置、背景等