保持css弹出窗口打开，直到我在弹出窗口外单击为止

我试图保持我的css弹出窗口打开，这样任何人都可以从弹出窗口复制文本，但每次鼠标点击时，弹出窗口关闭。。。除非鼠标在弹出窗口外单击，否则如何保持其打开

我试图补充：

a.tooltip-reports:active { display: block; }

但这不起作用

我的css：

 /* click tooltip : reports.php */
a.tooltip-reports { cursor:pointer; outline:none; }
a.tooltip-reports strong { line-height:16px; }
a.tooltip-reports:focus { text-decoration:none;}
a.tooltip-reports span { z-index:10; display:none; padding:10px 10px; margin-top:25px; margin-left:-165px; width:270px; line-height:16px; } 
a.tooltip-reports:focus span{ text-align:left; display:inline; word-wrap: break-word; position:absolute; border:2px solid #FFF; color:#EEE; background:#000; width:270px; } 
.callout-reports { z-index:20; position:absolute; border:0; top:-14px; left:135px; } 
/*CSS3 extras*/ 
a.tooltip-reports span { border-radius:10px; -moz-border-radius: 2px; -webkit-border-radius: 2px; -moz-box-shadow: 0px 0px 8px 4px #666; -webkit-box-shadow: 0px 0px 8px 4px #666; box-shadow: 0px 0px 8px 4px #666; opacity: 0.95; }

---

查看

：target

选择器

：target

是一个伪类，它使用通过哈希符号

#

链接到的任何对象的ID来设置目标元素的样式

---

您可能需要使用JavaScript。真的吗？我想这可以通过直接css来完成。。。hmmmI还认为JavaScript是必要的。也许你应该发布一个JSFIDLE或其他东西，这样我们就可以看到你想要实现的东西。我想我会尝试使用jquery bPopup插件。。。