Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/33.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 如何设置背景图像以在浏览器宽度更改时保持其位置?_Css_Background Position_Browser Width - Fatal编程技术网

Css 如何设置背景图像以在浏览器宽度更改时保持其位置?

Css 如何设置背景图像以在浏览器宽度更改时保持其位置?,css,background-position,browser-width,Css,Background Position,Browser Width,我想知道如何设置背景图像以保持其在该网站上的位置: 将浏览器拖动到960 px宽下时,侧边栏的背景开始向中心移动 我找到了解决这个问题的方法 我仍然在寻找CSS中是否有一种简单的方法可以在浏览器宽度超过960像素时保持图像居中,而在浏览器小于此大小时保持图像固定 。。。。。。。。。。。。。。。。。。。。。。。。。。定义你的身体 min-width:980px; --------------对于ie 习惯于这样做 <!--[if lt IE 8]> <link re

我想知道如何设置背景图像以保持其在该网站上的位置:

将浏览器拖动到960 px宽下时,侧边栏的背景开始向中心移动

我找到了解决这个问题的方法


我仍然在寻找CSS中是否有一种简单的方法可以在浏览器宽度超过960像素时保持图像居中,而在浏览器小于此大小时保持图像固定

。。。。。。。。。。。。。。。。。。。。。。。。。。定义你的身体

min-width:980px;

--------------对于ie

习惯于这样做

 <!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->  

关于ie css的更多信息。。。。。。。。。。。。。。。。。。。。。。。。。。定义你的身体

min-width:980px;

--------------对于ie

习惯于这样做

 <!--[if lt IE 8]>
    <link rel="stylesheet" type="text/css" href="ie8-and-down.css" />
<![endif]-->  

有关ie css的更多信息,请添加
宽度:960px
到背景语句所在的元素(在您的情况下,这将是
body

通过添加
宽度:960px
到背景语句所在的元素(在您的情况下,这将是
body

您可以使用媒体查询,在正文达到一定宽度时更改其CSS:

@media all and (max-width: 960px) {
  body {
    background-position: left center;
  }
}

您可以使用媒体查询,在正文达到一定宽度时更改其CSS:

@media all and (max-width: 960px) {
  body {
    background-position: left center;
  }
}

我知道了,但是有时间限制。你应该小心你想要使用最小宽度的地方。在IE中,它不受支持。你也应该设置宽度,以防你要在IEI中显示页面。你有什么建议,如何为IEI制作它吗?我知道了,但是有时间限制。你应该小心你想使用最小宽度的地方。在IE中,它不受支持。你也应该设置宽度,以防你要在IE中显示页面。你有什么建议,如何为IE制作