2012-01-30 18 views
0

我很好奇爲什麼這個頁面使用10x1圖片作爲repeat-x背景。請參閱.intro-frame類div。10x1透明背景圖片repeat-x是什麼原因?

http://www.psd2html.com/templates/psd2html/examples/markup/rightbanners/index.htm

<div class="intro-frame"> 

.intro-frame { 
background: url("../images/separator-04.png") repeat-x scroll 0 0 transparent; 
border-top: 1px solid #000000; 
padding: 1px 0 0; 
position: relative; 
} 

隔板04.png是10×透明PNG圖像。我檢查了它。我沒有看到在這裏使用這種圖像的用法。有誰知道?

+0

這個問題不能客觀回答(我們只能提供建議和意見),除非網站所有者/設計師停下來發布答案。因此,我投票結束爲「不具有建設性」。雖然值得注意的是,我認爲「過於本土化」和「無關主題」都是同樣有效的。 – 2012-01-30 15:51:07

+0

爲什麼不給別人嘗試的機會。在沒有答案之前,沒有什麼是客觀的。 – Hao 2012-01-31 01:53:33

+0

因爲如果沒有'客觀'的答案,這個問題[不應該在這裏問](http://stackoverflow.com/faq#dontask)。 – 2012-01-31 13:14:09

回答

1

這是因爲已知的Internet Explorer透明度錯誤。請參閱:IE 8 specific background-image bug

一個非常奇怪的情況,其中重複/平鋪的小於1x10的背景圖像不會呈現。使背景圖像大小1x10(或更大)導致問題消失。

+0

非常感謝!另外我想分隔符PNG圖像不是100%透明或無用的。這種背景風格需要更多的工作,但似乎爲我今後看到的未來變化帶來了足夠的靈活性。 – Hao 2012-02-01 05:12:50