2011-03-03 95 views
2

我使用下面的CSS代碼:MS IE相對路徑語法CSS

body 
{ 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images/homebg.png', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//images/homebg.png', sizingMethod='scale')"; 
    background-image: url('../images/homebg.png'); 
} 

正如你可以看到我想要覆蓋此頁面上的微軟IE瀏覽器的背景圖像。此CSS代碼位於/ styles/目錄中,而圖像位於/images/目錄中

如何在此CSS代碼中聲明背景圖像的相對路徑?

另外,我正在做這個正確的方式,即應用AlphaImageLoader過濾器來實現CSS background-size: cover;效果?

謝謝!

回答

2

您是否嘗試過進入

../images/homebg.png 

至於過濾器本身,它看起來還好我。

+0

啊哈!有效! – aateeque 2011-03-03 04:07:44

+0

很高興有幫助:) – Aaron 2011-03-03 04:08:54

+0

除了...在Chrome瀏覽器中,圖像在較寬的屏幕分辨率範圍內(兩個x和y)都比較舒適,而IE寬度則覆蓋x而不是y。 [鏈接]截圖(http://img291.imageshack.us/i/screenshotnostretchbg.jpg/)[/ link]。頂部和底部的白色不應出現。有什麼建議麼? – aateeque 2011-03-03 04:23:50