1

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 では、これらの 2 行のコードと競合しているようです。

4

2 に答える 2

0

このコードを試してみてください。うまくいくはずです。

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;
}
于 2014-02-12T08:07:55.277 に答える
0

背景画像を置換要素として使用してみてください。つまり、タグとして使用してください

于 2014-02-12T08:09:25.290 に答える