我试图让我的 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; }