开发者

center background image in IE

So bless my heart... I figured out how to center the body background image via CSS3 and the background:cover element.

FF and Chrome look great... and it seems to size properly regarless of browser window size.

IE however, still causing me acid reflux...

I have tried to use the

filter:progID:DXImageTransform:Microsoft.AlphaImageLoader(src="../images/background.jpg', sizingMethod='scale');
-ms-filter: "progID:DXImageTransform:Microsoft.AlphaImageLoader(src="../images/background.jpg', sizingMethod='scale')";

But it does not seem to be working...

Am I missing something?

here is the 开发者_运维问答CSS:

body{
     background:url(../images/background.jpg);
     -webkit-background-size:cover;
     -moz-background-size:cover;
     -o-background-size:cover;
     background-size:cover;
    filter:progID:DXImageTransform:Microsoft.AlphaImageLoader(src="../images/background.jpg', sizingMethod='scale');
    -ms-filter: "progID:DXImageTransform:Microsoft.AlphaImageLoader(src="../images/background.jpg', sizingMethod='scale')";


}


When you use MS filters, the src inside the filter is relative to the page I think, not the CSS file. Try using this instead:

src="/images/background.jpg"

or set the path to something relative to the page.

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜