我有这个CSS:
body
{
background-position: center top;
background-color: rgb(237, 237, 237);
font-size: .85em;
font-family: "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
margin: 0px auto;
padding: 0;
color: #696969;
width: 1000px;
height: 1200px;
background-image: url('Background.png');
background-repeat: no-repeat;
background-attachment: inherit;
top: 0px;
}
当我最大化窗口时,一切正常但是当我使窗口变小时,背景图像会移动。
答案 0 :(得分:0)
尝试这个:
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position:fixed;
答案 1 :(得分:0)
首先,尝试将CSS属性组合在一起,如下所示:
body {
width: 1000px;
height: 1200px;
background: #EDEDED url('Background.png') center top inherit no-repeat;
top: 0;
margin: 0 auto;
padding: 0;
font: .85em "Trebuchet MS" , Verdana, Helvetica, Sans-Serif;
color: #696969;
}
您是否也可以提供问题的jsFiddle,以便我们可以看到整个代码或指向该页面的链接?
由于
答案 2 :(得分:0)
您将从人们那里获得的大多数答案都需要IE9 +(因为它是CSS3)。但是,如果您希望用户也使用旧浏览器(我在这里实用且安全),我认为您需要这样做的方法是使用jQuery / JavaScript。我在CSS3中做了类似的事情,但后来我意识到大多数公司/公司仍然使用IE8,最好的方法就是使用JavaScript。
以下是一些例子: