1
我试图保持我的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; }
您可能需要使用JavaScript。 – thirtydot
真的吗?我认为这可以用直接的CSS来完成...嗯 – rubberchicken
我也认为JavaScript是必要的。也许你应该发布一个JSFiddle或什么东西,所以我们可以*看到*你试图完成 –