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.
精彩评论