图像正在加载但未显示

时间:2015-07-18 00:17:36

标签: php html css wordpress

我有一个非常奇怪的问题,我似乎无法找到修复方法。 当我在我的网站上加载帖子时,它应该显示主图像,以及其下方的任何其他上传图像。主图像加载/显示正常,但所有其他图像与该后期加载相关但不显示在页面上。

图像的容器也会加载,因此您可以看到图像应该已加载的空白区域。如果我"检查元素"我可以清楚地看到图像存在,并且悬停在线上标记容器。我还可以看到图像已成功加载(200)。如果我通过" Inspect Element"进行任何实时CSS更改,图像会弹出并显示正常。

我有一种感觉它是一个CSS问题,但我尝试过的任何东西似乎都没有用。非常感谢任何帮助。

PHP:

<?php

        $arr = AuctionTheme_get_post_images(get_the_ID(), 4);
        if($arr)
        {

        echo '<ul class="image-gallery">';
        foreach($arr as $image)
        {
        echo '<li><a href="'.AuctionTheme_wp_get_attachment_image($image, array(900, 700)).'" rel="image_gal1">'.wp_get_attachment_image( $image, array(130, 96) ).'</a></li>';
        }
        echo '</ul>';

        }

?>

CSS:

.image-gallery {
    list-style-type: none;
    overflow: hidden;
    margin: 10px 0 0;
    padding: 0;
    text-indent: 0
}

.image-gallery li {
    float: left;
    display: block;
    margin-right: 5px;
    margin-left: 0;
    min-height: 106px;
    min-width: 145px
}

.attachment-130x96 {
    max-width: 130px;
    max-height: 130px;
    width: auto;
    height: auto;
    margin: 0;
    display:block;
}

屏幕截图:

这是帖子在页面加载时显示的方式

This is how the post shows before making any live CSS changes

图像显示最轻微的CSS更改后

The images shows after the slightest CSS change

0 个答案:

没有答案