2012-02-01 58 views
2

下面是應用背景的CSS,使其與瀏覽器窗口延伸:進程id:DXImageTransform.Microsoft.AlphaImageLoader導致鏈接無法點擊在IE8,IE7和IE6

html { 
    height: 100%; 
    width: 100%; 
} 

body { 
    background: url(images/skyline.jpg) no-repeat center 25% fixed; 
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/skyline.jpg', sizingMethod='scale'); 
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/skyline.jpg', sizingMethod='scale')"; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
    color: #ddd; 
    height: 100%; 
    margin: 0; 
    width: 100%; 
} 

我沒有問題時,使用FF,Chrome,Opera或IE9,但在IE8 IE7和IE6(不是我應該關心IE6)中沒有任何鏈接工作。

當我禁用filter屬性時,鏈接再次工作。我讀了positioning the links relative might help,但它不起作用,並且外部元素<body>沒有相對定位。

該網站是http://sytko.com。客戶要求這種設計和佈局是這樣,所以很難替代選擇。任何幫助是極大的讚賞。

+0

我使用這個過濾器來使用一些圖像作爲固定大小的div背景,圖像在IE8中縮放,但我希望它縮放它保持比例,因爲實際上圖像看起來像廢話...任何ideias? – Lennon 2013-09-20 22:41:34

回答

10

每這樣的解釋:

http://css-tricks.com/perfect-full-page-background-image/

」 ......任何人試圖使用上述IE過濾器和具有滾動條或死鏈接的問題......應儘量不使用它們的HTML或身體元素,而是一個固定位置div,寬度和高度都是100%。「

然後,您可以在body內添加一個包含div。