2012-11-14 91 views
1

您好,我已經看了這裏的一些問題具有相同主題 爲here,但不明白他是如何與HTML固定它,他說。 和here 但不明白如何實現它的工作, 反正我已經試過我的測試,但它似乎沒有工作。背景大小在IE中不工作

<style> 
.foo { 
    font-size : 14px ; 
    background-size: 832px 578px; 
    background-image: url("al0-2.png"); 
    background-repeat: no-repeat; 
    width: 831px; 
    height: 590px; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="al0-2.png", 
      sizingMethod="scale"); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='al0-2.png', 
      sizingMethod='scale')"; 
    } 
    </style> 

任何幫助解決這個問題。作爲FF做

編輯>

我的HTML代碼

 <div class="foo" ></div> 
+0

哪個版本的IE? –

+0

對於一開始就嘗試修復行情在這個'-MS-過濾器: 「進程id:DXImageTransform.Microsoft.AlphaImageLoader(SRC = 'al0-2.png',sizingMethod = '規模')」' –

+0

所有IE版本爲好。 –

回答

1

我做this fiddle適合自己的方式 IM不想讓背景尺寸適用於所有的IE瀏覽器也不錯。

它在ie7/ff中很好地工作。

雖然,注意在IE7,將有2個背景下:1從過濾器中的背景和1。在某種程度上,您應該刪除背景(例如:條件註釋)。

在你的代碼中,如果沒有顯示圖像,也許你的圖片的鏈接斷開。

小提琴CSS:

#foo { 
    border:2px solid red; 

    font-size : 14px ; 
    background-size: 832px 578px; 
    background-image: url('/img/logo.png'); 
    background-repeat: no-repeat; 
    width: 831px; 
    height: 590px;  


    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/img/logo.png', 
    sizingMethod='scale'); 

    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='/img/logo.png', 
    sizingMethod='scale')"; 
} 
+0

idont知道它是如何工作與你不在我身邊,我TEID正是你的,但沒有和測試它也是在IE7和背景不完全是用這個在右側 –

+0

IM小板缺doctype(「<!DOCTYPE html PUBLIC」 - // W3C // DTD XHTML 1.0 Transitional // EN「」http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd「> ') –

+0

你能提供更多的代碼(html和css)嗎?我看不到你的問題。 – Kraz