Question

http://apolytos.com/new/img/test.html

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<style>
body {
    background:url("background.jpg");
    background-repeat:no-repeat;
    background-attachment:fixed;
    background-size: cover;
    background-position:top center;
    margin:0;
}
</style>
</head>
<body>
</body>
</html>

Internet Explorer 11未涵盖;查看提供的链接。如果我删除：fixed，它会覆盖它应该的，但是bg滚动页面上的内容是不可取的。 IE中这两行代码似乎存在冲突。

Answer 1

试试这段代码，它应该运行良好。

html { 
  background: url(images/bg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

Answer 2

尝试使用背景图像作为替换元素，这意味着使用标记

背景固定＆amp;封面 - Internet Explorer 11

2 个答案: