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

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

Answer 1

很难在不查看标记的情况下确切地说出正在发生的事情，也许是JsFiddle，但这里有一个问题：

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

尝试使用img代替span，或尝试提供范围display: inline-block，以便您可以将其宽度和高度设置为图像所需的任何内容。

编辑：

Answer 2

大卫是对的......很难说出发生了什么...尤其是考虑到css级联造型的影响。你的网站在网上可用吗？如果是这样的链接，我很乐意检查标记，看看我是否可以提供帮助

Answer 3

使用填充和边距调整文本，同时显示图像：内联块;