1

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

1 回答 1

0

查看:target选择器。Mozilla 有一个例子,可以在这里做你想做的事情。

:target是一个伪类,它使用通过哈希符号链接到的任何内容的 ID 来设置目标元素的样式#

主流浏览器都支持它。它在 IE8(或更低版本)中不受支持,在 IE9+ 中部分支持。

于 2013-10-30T06:51:10.687 回答