如何在html中隐藏图像下方的文本?

时间:2011-08-16 12:43:21

标签: html css

以下是我的网站:http://bankloan.com-credit.info/freescore/limitedtime/lp1/001.php

如果您使浏览器窗口变小(大约750x550),您将看到弹出的图像在主文本上混乱。我需要的是弹出不要混乱。

我对代码知之甚少。我刚刚使用了WYSIWYG编辑器。我已经搞乱了几个小时,无法解决它。

我很确定它与我的程序使用的绝对定位代码有关。

1 个答案:

答案 0 :(得分:1)

如果您需要#message弹出窗口始终位于首位,则可以在z-index上设置较高的div值,例如z-index: 9999

对于您的网站,您似乎使用内联网站,因此您需要添加它,如下所示。

<div id="message" style="z-index:9999; font-family: arial; position: absolute; top: 16px; left: 318px; margin-left: -300px; background-image: url('images/alert.jpg'); background-repeat: no-repeat; margin-top: -15px; margin-bottom: 4px; width: 562px; height: 131px; font-size: 12px;" onclick="javascript: document.getElementById('message').style.display = 'none';" onmouseover="document.body.style.cursor='pointer'" onmouseout="document.body.style.cursor='default'">