0

我是这个网站的新手，如有任何错误，我深表歉意。我在 Tumblr 上制作主题，但我遇到了某些 类型的帖子无法在主题本身中正确显示的问题。正如您从帖子中看到的那样，图像根本没有加载。

我认为我的主题中的照片集可能有问题，但摆弄那些没有任何作用。老实说，我是 HTML 和 CSS 方面的新手，所以我不知道从哪里开始。任何帮助，将不胜感激。这是我认为可能是问题的 CSS/HTML 部分。

.media{
margin:0 0 10px 0;
}

iframe, img, embed, object, video {
   max-width: 100%;
}

img {
   height: auto;
   width: auto;
}

这是HTML

{block:Photo}
<center><div class="media">{LinkOpenTag}<img src="{PhotoURL-400}" alt="{PhotoAlt}"/></div></center>{LinkCloseTag}
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photo}

{block:Photoset}
<div class="media">{Photoset}</div>
{block:Caption}<div class="caption">{Caption}</div>{/block:Caption}
{/block:Photoset}

如果它有帮助，我使用Animecharacter的基本主题作为我的代码的构建块。

4

1 回答 1

0

看起来 cssposition: absolute导致图像从文档流中删除，并且没有设置任何高度或宽度属性。

在style标签内主题的底部（通常靠近末尾）。

.post-content div.npf_row .npf_col figure img, 
.post div.npf_row .npf_col figure img, 
body div.npf_row .npf_col figure img {
   position: static;
}

请参阅附加的屏幕截图，其中我禁用了 position 属性。

如果这不起作用，您可以通过执行以下操作覆盖外部样式表中的属性：

.post-content div.npf_row .npf_col figure img, 
.post div.npf_row .npf_col figure img, 
body div.npf_row .npf_col figure img {
   position: static !important;
}

但这不太优先，最好在模板的哪个阶段找到它被应用并在该块之后编写你的css（如果可能的话）

在此处输入图像描述

于 2021-04-06T19:11:15.817 回答