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或什麼東西，所以我們可以*看到*你試圖完成 –