2011-03-31 42 views
1

我對我的CSS有一個簡單的樣式,它在Firefox和Chrome中精美地展現了我的背景,但是使用此代碼,IE將居中背景並且不會相應地展開。爲IE背景支持添加額外CSS的正確方法?

html{ 
    background: url(images/bg4.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    } 

我把它IE不2至5識別標籤,但有沒有辦法做到這一點同類型的額外代碼的效果還是我堅持用IE只是居中的圖像,而不是拉伸它?

感謝

(另外,我會貼在我的正常帳戶,但OpenID是給我適合現在)

+0

您可以稍後通過電子郵件[email protected]申請帳戶合併。 – BoltClock 2011-03-31 23:50:58

回答

0

編寫針對IE的規則只

html{ 
    background: url(images/bg4.jpg) no-repeat center center fixed; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
background:url(images/bg4.jpg) no-repaeat center center\9; // this rule will affect all IE verisons but other browsers 
    } 

你可能想爲IE創建一個自定義圖像,如果你無法用相同的圖像實現你想要的。例如,使bg5.jpg具有已經拉伸的背景。