css - 提交表单时图像消失

Question

我有一个联系页面，页面上有表格和图标，还有社交媒体链接和电子邮件地址。提交表单后，图标/图像会从页面上消失，但是表单会通过验证并且没有问题。我正在使用标准的 img 标签和一类 floatLeft。我找到了一个解决方案，当他们在他们的 css 上使用相对位置时，这个解决方案对他们有用，但对我来说仍然没有运气。它一定与 css 有关(至少我认为是)。我已经尝试使用 codeigniters img 片段(我正在使用 CI 框架)并且图像在表单提交时很好，但不确定如何将 CI 图像标签与 P 标签对齐，因为它们似乎相互重叠。

任何帮助或链接到可能是什么问题将不胜感激。

谢谢。

已解决:

<img src="<?php echo base_url(); ?>assets/images/phone.png" alt="Phone" class="floatLeft"><p>123 456 789</p>

Answer 1

修改样式如下:

img.floatLeft{
    float:left;
    left:-20px;
    position:relative;
}

.contact-info{
    padding:10px 0px 10px 0px;
    height:38px;
    font-size:14px;
    overflow:hidden;
    clear:both;
}

请确保图片已下载，因为您使用图片源中的相对链接。