img 没有出现在 div 中答案

【问题标题】：img not showing up inside divimg 没有出现在 div 中
【发布时间】：2015-06-03 15:24:48
【问题描述】：

这是我的代码

               <div class="table">
                    <div class="tr">
                        <div class="td">
                            <h1 class="logo-fill">
                                <a href="#" title="Logo">
                                    <img alt="logo" src="./images/logo.png" />
                                </a>
                            </h1>
                        </div>
                        <div class="td">
                            <a href="#" title="AdSpace">
                                <img alt="adspace" src="./images/adspace.png" />
                            </a>
                        </div>
                    </div>
                </div>

由于某种原因，第二张图片 (adspace.png) 根本没有显示。如果我删除整个 img 标签并将其替换为文本，则会显示文本。或者，如果我将 img 标签更改为：

<iframe src="https://clients.ragezone.com/out.php/display/show_custom?id=48" scrolling="no" style="padding: 0px; overflow: hidden;" width="468px" height="60px" frameborder="no"></iframe>

显然这也有效。 adspace.png 只是一个 468px x 60px 的绿色框。

【问题讨论】：

stackoverflow.com/questions/28933906 这是因为 AdBlock Plus。这会是重复的吗？
检查浏览器开发工具。你看到那里有错误吗？
尝试将 adspace.png 文件重命名为不同的名称。
哇，完全没有想到我正在使用这样的工具进行开发......这很有趣，因为它没有显示任何错误，也没有显示任何阻塞。非常感谢！

标签： html css image iframe

【解决方案1】：

我的钱是因为您的浏览器中有一个广告拦截器。尝试更改类名和 img 名称。 Adblocker 插件会搜索代码中的某些关键字，并根据这些关键字阻止页面元素。

【讨论】：

【解决方案2】：

在您的图像源路径中，我看到一个 [dot] 未命中可能是一个问题。

这是你的代码

<img alt="adspace" src="./images/adspace.png" />

试试这个

<img alt="adspace" src="../images/adspace.png" />

另一个问题是你的图片名称我也遇到了这个问题你的图片名称是 adspace.png 你添加了 alt="adspace" 并用链接标签包装了它的标题与 Adspace 所以原因是一些插件您的浏览器会屏蔽所有以“ads / ad”开头的图像和 div，这称为广告屏蔽插件。

因此，您可以轻松更改您的 img 名称并更改以“ad”开头的所有内容，然后您可以找到一些有用的修复方法。另一种方法是您可以从浏览器中删除广告拦截插件。

请检查您的网络，有些网络管理员也可以屏蔽广告。

【讨论】：