我正在修改WordPress子模板，该模板与位于页面顶部的广告栏一起实时工作</head>. 我已经在下面列出了工作现场使用的代码。

<div class="topbar">
   <div class="adspace">
        <div class="ad-placeholder">
            <script async type="text/javascript">
                    var images = [],
                    index = 0;
                    images[0] = "<a href=\'https://localhost/wordpress_site/contact-us/\'><img src=\'https://localhost/wordpress_site/wp-content/uploads/2018/12/image1.gif\' /></a>";

                    images[1] = "<a href=\'http://www.linksite.com/\' target=\'_blank\'><img src=\'https://localhost/wordpress_site/wp-content/uploads/2018/12/image2.gif\' /></a>";


                    index = Math.floor(Math.random() * images.length);
                    document.write(images[index]);
                    //done
            </script>
        </div>
    </div>
</div>

但是，当我尝试在另一个站点上使用该子主题时，图像不会出现。图像被添加到HTML中，当直接输入URL栏时，浏览器可以看到图像URL。

我还尝试通过在网站的各个位置添加标签来添加图像。它不会添加，当我检查控制台时，我注意到以下内容：

我检查了Firefox的“Inspect元素”，并附上了该元素的屏幕截图。它说“无法加载图像”此外，在元素控制台中，中间一列显示：

img[src$="/wordpress_kincardine/wp-content/uploads/2018/12/ad_banner.png"] {

    display: none !important;
    visibility: hidden !important;
    height: 0px !important;
    min-height: 0px !important; 

这可能是导致图像不出现的原因，还是我如何才能找出导致图像不出现的原因？