我正在使用 jQuery 工具提示,但它与页面上的图像重叠。无论如何我可以阻止这种行为。
<div class="tooltip">
<div class="box">
<p class="info">
Some text in tooltip
</p>
</div>
</div>
CSS:
.tooltip { position: absolute; z-index: 500; width: 240px; }
.tooltip .box { float: left; background: #4b8aa2; width: 199px; border-radius: 2px; -moz-border-radius: 2px; padding: 10px 15px; }
.tooltip .box p.info { color: #fff; font-size: 1.2em; line-height: 1.2em; }
谢谢