单击链接时显示内容

Question

在类似于网站http://www.google.com.ph/nexus/的导航按钮上，单击img与此网站相似的href链接时，我正在生成内容。

我尝试使用：after和content：伪元素，但内容只能显示链接。 单击链接时如何显示div。

当我单击类似于该网站http://www.google.com.ph/nexus/的导航图标时，我想生成一个div。 我的小提琴http://jsfiddle.net/ 。 我将如何实现这一目标。 我想通过特定的div而不是链接来生成内容。 任何帮助，将不胜感激。

这是我的html

<div id="center">
    <ul>
<li>    
    <p>
    <a href="http://www.google.com.ph/nexus/">
    <img src="https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/menu-24-24.png">
    </a>
</li>

</div>
</html>

这是设计CSS

ul li
{
    list-style:none;
}
li a
{
    content:url("https://cdn2.iconfinder.com/data/icons/flat-ui-icons-24-px/24/menu-24-24.png");
}

Answer 1

不知道您是否正在寻找这样的东西。

您可能想看看并发明Twitter Bootstrap modalbox

模态盒