2012-05-30 36 views
1

問題仍未解決,我不知道爲什麼。但是;改變另一個主題可以修復它 。 .......................................主題在第一次加載時無法正確顯示圖像

我有一個關於tumblr的主題。自第一次以來它一直沒有「工作」。這並不意味着它不起作用。 它只在刷新頁面後才起作用。

我第一次加載頁面;內容的大部分元素(圖片)都是非風格的;他們重疊的人,這就是惱人的

這裏是主題

http://tinypaste.com/fa31b3

如果我沒有錯;這是負責圖像。

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

你們可以幫我一把。任何想法將不勝感激

回答

0

你有足夠的時間等待頁面上的內容加載嗎?

當我在過時的筆記本電腦上使用Facebook時,同樣的事情發生在我身上,但是一旦一切都加載完畢,它會在約30-40秒內自行修復。

+0

有;男人。該頁面已完全加載。圖像完全加載並重疊在其他圖像上;沒有部分加載。只爲第一次訪問;下一次當緩存中的所有內容時;有用。 – Tiana987642

+0

事情是,在我的(有限的)經驗中,如果某些事情在刷新時有效,那說明問題並不在代碼中。因爲如果你仔細想想,如果一行代碼被破壞了,爲什麼我會通過刷新來神奇地開始工作? 你嘗試過不同的瀏覽器/電腦嗎? – superdemongob

+0

是;人 。至少我的兩個朋友有這個麻煩;我們在Firefox上測試了它; Opera和Chrome。 我不明白什麼是錯的:( – Tiana987642

1

原因是瀏覽器緩存了以前的圖像風格的樣式,因爲它的瀏覽器沒有實際的規則(只有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; 
} 
+0

感謝您的幫助;人 我不完全理解您的想法;但是猜對了;加載的圖片越早越準確;而那些較晚的圖片會被其他圖片重疊 我會稍後嘗試您的解決方案和反饋:D – Tiana987642

+0

@ Tiana987642我的解決方案解決了您的問題嗎? –

+0

對不起;它不工作:(對不起,再次抱歉的答案;我被卡住了考試 最近我改變了其他主題,並且問題解決了。 謝謝大家的支持:) – Tiana987642

相關問題