我正在尝试拉伸背景图像,使其始终填充窗口。
使用 CSS3,我已经在 mozilla 和 chrome 中管理它,但是在 IE 中却遇到了困难。我以前在 IE 中管理过这个,但这次不起作用,这是我的 HTML 和 CSS:
HTML5:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="description" content="">
<title>IndieCity.com Signup</title>
<!-- CSS gets included here -->
</head>
<body>
<div id="background"></div>
</body>
</html>
CSS:
div#background {
position: absolute;
top: 0px;
left: 0px;
width: 100%;
height: 100%;
min-width: 1024px;
min-height: 768px;
display: block;
background: url(../img/theme1.jpg) no-repeat;
background-size: 100%;
-moz-background-size: 100%;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/theme1.jpg', sizingMethod='scale');
}
我用的是IE8。
我想到了。
使用过滤器时图像的路径是相对于 HTML 页面而不是 CSS 文件的。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)