0

While working on a project, I discovered some of my images on Tumblr are not displaying. The only clue I've found is that within the responsive-level-1 class (see below for html code), the height of the iFrame is set to 0. If I pop open a dev console in Chrome and set that to be, e.g., 1632 (not 0), the image appears. I'm using a theme (Brick theme/theme garden) , but am able to edit the html and css. Can I modify my css and/or HTML to fix this? The issue occurs across device platforms (desktop/phone/tablet).

Example of no image displayed- http://deligrossery.com/post/149661412746/gawad-deli-grocery-207-hart-st-brooklyn-ny

corresponding css files: responsive.css: http://static.tumblr.com/eftyn9y/kc0og8vio/responsive.css style.css: static.tumblr.com/3zmswwt/Fmkmwgp8e/style.css (^ I can't post more than 2 links until my reputation is at least 10/add an https:// to the style.css).

<iframe id="photoset_iframe_149661412746" class="photoset" scrolling="no" frameborder="0" height="0" width="500" style="border:0px; background-color:transparent; overflow:hidden;" src="http://deligrossery.com/post/149661412746/photoset_iframe/deligrossery/tumblr_ocn1e9dTfK1txl3g8/500/false" name="photoset_iframe_149661412746"></iframe>

4

1 回答 1

0

尝试将您的 photoset 布局块更改为这样的内容（您可能需要稍微调整一下）：

{block:Photoset}
    <div class="content photoset">
        {block:Photos}
           <img src="{PhotoURL-500}"/>
        {/block:Photos}
        {block:Caption}
           <div class="description">{Caption}</div>
        {/block:Caption}
           <p><a href="{Permalink}" class="link"></a></p>
    </div>
{/block:Photoset}

保留当前主题的备份。

这应该在普通的 html 模板（不是 iframe）中输出照片集。从那里应该更容易控制内容的高度，实际上默认情况下它应该只输出内容并且高度将自动固定。但在此之后可能还有其他问题需要调查。

于 2016-11-08T09:11:39.287 回答