背景大小的IE8問題

Question

我正在研究一個真正的基礎設計作爲我公司的一個側面項目，但是我無法獲得背景大小來做任何有意義的事情（或者找到任何可以保留其當前功能的替代方案）。我一直在研究這個特定的問題大約一個小時，現在一半，任何幫助將不勝感激。

我的工作，該網站可以在http://code.msap.com/gflyer/flyer1.html

其重要發現需要注意的是，我不能前或div容器後，任何修改。我也無法使用JavaScript，並且所有CSS都必須在線完成。

有人能夠在這裏指引我在正確的方向？

Answer 1

IE8不支持CSS background-size。

你唯一的解決方案是：

1. 忽略它; IE8用戶只需要升級。

2. 使用Javascript polyfill模擬IE8及更早版本中的background-size屬性。

3. 重寫您的HTML，以便背景圖像位於其自己的<img>標記中，該標記的大小適當並分層放置在元素後面，使其看起來像背景圖像。

4. 使用Chrome-Frame插件，這使得IE使用Chrome渲染引擎。 （你的用戶將不得不雖然安裝插件本身）

Answer 2

我創建了一個background-size polyfill爲IE8是非常簡單的使用方法：

.selector { 
    background-size: cover; 
    -ms-behavior: url(/backgroundsize.min.htc); 
}