0

我有一个div均可进行以下样式:CSS为IE 8及以下 - DIV背景图像尺寸

.pricemark { 
    background: url(/Files/System/ui/vispris.png) no-repeat scroll 0 0 transparent; 
    background-position: center center; 
    background-size: 110%; 
    background-size: 30%\9; } 

然而,在IE8和下面的图像尺寸的110%被解释为图像的110%大小,而所有其他浏览器将此视为div大小。

因此,在IE8及其下面它没有显示正确。我试图破解:

background-size: 30%\9; 

但结果仍然是一样的。有任何想法吗?

+0

你可以分享你的网站,我们可以看到你在这里谈论 – underscore

回答

1

IE8及以下版本不支持background-size属性。

一个对付它的办法是:

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/Files/System/ui/vispris.png', 
sizingMethod='scale'); 

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='/Files/System/ui/vispris.png', 
sizingMethod='scale')"; 
+0

唯一的问题是,从“背景”的形象依然存在。因此,它们重叠...已尝试过,但迄今没有运气 –

+0

是的,背景大小和MS过滤器不以完全相同的方式工作,即使与过滤器它仍然是一个痛苦的屁股得到与背景大小相同的解决方案,但它是我所知的唯一基于css的解决方案。 –