主题在第一次加载时无法正确显示图像

问题仍未解决，我不知道为什么。但是;改变另一个主题可以修复它。 .......................................主题在第一次加载时无法正确显示图像

我有一个关于tumblr的主题。自第一次以来它一直没有“工作”。这并不意味着它不起作用。 它只在刷新页面后才起作用。

我第一次加载页面;内容的大部分元素（图片）都是非风格的;他们重叠的人，这就是恼人的

这里是主题

如果我没有错;这是负责图像。

.entry img { 
{block:IndexPage} 
width: {block:IfNot2Columns}240px{/block:IfNot2Columns}{block:If2Columns}500px{/block:If2Columns}; 
{/block:IndexPage} 
{block:PermalinkPage} 
width:500px; 
{/block:PermalinkPage} 
}

你们可以帮我一把。任何想法将不胜感激

来源

2012-05-30 Tiana987642

你有足够的时间等待页面上的内容加载吗？

当我在过时的笔记本电脑上使用Facebook时，同样的事情发生在我身上，但是一旦一切都加载完毕，它会在约30-40秒内自行修复。

来源

2012-05-30 18:12:26 superdemongob

有;男人。该页面已完全加载。图像完全加载并重叠在其他图像上;没有部分加载。只为第一次访问;下一次当缓存中的所有内容时;有用。 – Tiana987642

事情是，在我的（有限的）经验中，如果某些事情在刷新时有效，那说明问题并不在代码中。因为如果你仔细想想，如果一行代码被破坏了，为什么我会通过刷新来神奇地开始工作？你尝试过不同的浏览器/电脑吗？ – superdemongob

是;人。至少我的两个朋友有这个麻烦;我们在Firefox上测试了它; Opera和Chrome。我不明白什么是错的:( – Tiana987642

原因是浏览器缓存了以前的图像风格的样式，因为它的浏览器没有实际的规则（只有previuos样式）为您的图像。

我对你更好的可读性和灵活的解决方案，这将毫无例外工作：

的tumblr标记：

<body class=" 
{block:IndexPage} 
    index-page 
    {block:IfNot2Columns}not-twocolumns{/block:IfNot2Columns} 
    {block:If2Columns}twocolumns{/block:If2Columns} 
{/block:IndexPage} 
{block:PermalinkPage} permalink-page{/block:PermalinkPage} 
">

CSS：

.index-page.not-twocolumns .entry img { 
    width: 240px; 
} 

.index-page.twocolumns .entry img { 
    width: 500px; 
} 

.permalink-page .entry img { 
    width: 500px; 
}

来源

2012-05-31 07:23:01

感谢您的帮助;人我不完全理解您的想法;但是猜对了;加载的图片越早越准确;而那些较晚的图片会被其他图片重叠我会稍后尝试您的解决方案和反馈：D – Tiana987642

@ Tiana987642我的解决方案解决了您的问题吗？ –

对不起;它不工作:(对不起，再次抱歉的答案;我被卡住了考试最近我改变了其他主题，并且问题解决了。谢谢大家的支持:) – Tiana987642

主题在第一次加载时无法正确显示图像

回答

相关问题