Question

<td class="participants">
   <img alt="" src="https://s3.amazonaws.com/app-name-production/profile_pics/1/small/xxxxx.jpeg">
   <img alt="xxxxxxxx" src="https://s3.amazonaws.com/app-name-production/profile_pics/5/small/xxxxx.jpg">
 </td>

您好，我上面有以下代码块，显示图片。这个div通过AJAX请求显示，然后将图像注入页面。除了这些图像之外，注入中的所有内容都可以正常工作，文本，链接等。

出于某种原因某些时候图片没有在浏览器中显示？但是，如果我用鼠标突出显示文本，或者如果我刷新它们就会显示出来。

当其他所有内容出现时，什么会导致图片无法显示在页面上？

Adding CSS:

.table-request-list .participants {
text-align: left;
width: 180px;
}
.table-request-list table td {
vertical-align: middle;
}
.table-request-list .request-item, .conversation-item td {
border-bottom: 1px solid #ECECEC;
}
.table-request-list .participants img {
vertical-align: bottom;
}

Answer 1

他们处于https模式，

检查您请求的网页是否处于https模式，否则会发出警告然后显示。

Answer 2

最好将文件保存在本地图像文件夹中，然后重试

Answer 3

问题在于浮动的div没有宽硬度和高度。添加它就可以了。

HTML CSS - 图像无法显示？

3 个答案: