下面是我编写的用于显示工具提示内容的代码。由于模态窗口小于工具提示内容,我需要在模态窗口上方显示工具提示内容,而不是在内部生成它。我尝试使用 Z-index,但效果不佳。谁能帮我解决这个问题?
<html>
<head>
<wicket:head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252"/>
<link rel="stylesheet" type="text/css" href="css/SendTestEmailPanel.css"/>
<script src="/scripts/bt-0.9.5-rc1/jquery.bt.min.js" type="text/javascript"></script>
<script src="/scripts/jquery.hoverIntent.minified.js" type="text/javascript"></script>
<script src="/scripts/bgiframe_2.1.1/jquery.bgiframe.min.js" type="text/javascript"></script>
</wicket:head>
</head>
<body>
<wicket:panel xmlns:wicket="http://wicket.apache.org/">
<div id="send-test-email-panel">
<h1>Test</h1>
<div id="tool-tip-div">
<div style="float:left; margin-top:4px; margin-left:275px;position:absolute;z-index:2">
<span class="help" id="email-address-tooltip" title="placeholder_text"> </span>
</div>
</div>
</div>
<div id="email-tooltip-content" style="display:none">
<ul>
<li>To preview what your email fans will see, enter your email address and send a test to yourself.</li>
<li>Links and buttons will be inactive in the test email. </li>
<li>In the live email, the Grab It Now button links to your offer. If your fan is on a desktop computer, they will see the full web version of your offer. If they are viewing the email on their phone, they'll go directly to the mobile version of your offer.</li>
</ul>
</div>
<script type="text/javascript">
var trigger = ['mouseover', 'mouseout'];
var width = '180px';
var pos = 'right';
ShowPopup($('#email-tooltip-content'),
$('#email-address-tooltip'),
trigger,
"$('#email-tooltip-content').html()",
width,
pos
);
</script>
</wicket:panel>
</body>
</html>
最佳答案
尝试改变
<div style="float:left; margin-top:4px; margin-left:275px;position:absolute;z-index:2;">
对于
<div style="float:left; margin-top:4px; margin-left:275px;position:absolute;z-index:30001;">
在我的版本(1.5)中,wicket 的模态窗口的 z-index 为 20001,您应该使用 firebug(或其他)检查您的模态窗口
关于java - 如何在模态窗口上方显示工具提示内容?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9920131/