jquery - 在图像上重叠文本

Question

如果数据库中不存在用户名，我有一个注册表单，然后它会在我的文本框（厚标记图像）旁边显示一个图像，并且我想显示我的文本

“这个用户名已经存在”

$("#usr_verify").css({ "background-image": "url('<?php echo base_url();?>images/no.png')" });
$("#usr_verify2").text("it does not exist ::");

这两个选择器在两个不同的跨度中发送我的文本和图像，一个带有 id usr_verify，另一个带有 id usr_verify2

现在两个跨度标签都在一个段落标签中。现在我的错误是文本与图像重叠，文本出现在该图像上。知道我哪里出错了吗？

score 0 · Accepted Answer

如果不查看您的标记，或者可能是JsFiddle ，很难准确判断发生了什么，但这里有一个尝试：

Spas 是内联元素，因此不能给出明确的高度和宽度。背景图像不是图像块，它假定显示整个图像所需的空间，但实际上只是填充了授予它们的任何区域。

尝试使用 aimg而不是 a span，或尝试给出跨度display: inline-block，以便您可以将其宽度和高度设置为图像所需的任何值。

编辑：

score 0 · Accepted Answer

大卫是对的……很难说发生了什么……尤其是。考虑样式的 css 级联效果。您的网站在网络上可用吗？如果是这样链接，我很乐意查看标记，看看我是否可以提供帮助

score 0 · Accepted Answer

0

使用 padding 和 margin 调整你的文本，同时给出图像 display:inline 块；.

于 2012-04-24T05:48:28.530 回答

3 回答 3