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
是否有浏览器支持<;的不同背景图像;车身>;及<;html>;同时?_Html_Css_Cross Browser - Fatal编程技术网

是否有浏览器支持<;的不同背景图像;车身>;及<;html>;同时?

是否有浏览器支持<;的不同背景图像;车身>;及<;html>;同时?,html,css,cross-browser,Html,Css,Cross Browser,如果我试图将的背景图像设置为居中和顶部,将的背景图像设置为居中和底部,则它不起作用,只显示背景 这是否在每个浏览器中都存在?标签是文档根目录,并不打算显示或应用CSS属性。CSS规范2.1确实将定义为一个长方体模型,但我仍然不相信它 您可以创建一个附加(绝对或固定),如下所示: HTML <body> <div id="container"> <!-- your usual content --> </div>

如果我试图将
的背景图像设置为居中和顶部,将
的背景图像设置为居中和底部,则它不起作用,只显示
背景

这是否在每个浏览器中都存在?

标签是文档根目录,并不打算显示或应用CSS属性。CSS规范2.1确实将
定义为一个长方体模型,但我仍然不相信它

您可以创建一个附加(绝对或固定)
,如下所示:

HTML

<body>
    <div id="container">
         <!-- your usual content -->
    </div>
    <div id="bg"></div>
</body>

对两者使用不同的图像,并添加高度:100%

html{
    background:url(https://encrypted-tbn3.gstatic.com/images?q=tbn:ANd9GcTNxe5UjGfVsd1EpdEtrrlGDhjEO2VMFoIY9SGRCuBd4qAr9XhcCQ) top center no-repeat;
    height:100%
}
body{
    background:url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcRqQ6g5bisPWccunUGGItC09wa1kgcc5X-rEEGGdEoWEwqUCnuZ) bottom center no-repeat;
        height:100%
}

您可以使用CSS3在多个背景下实现这一点。比如:

body {
  background-image: url(bg1.png), url(bg2.png);
  background-position: center top, center bottom;
}

如果没有,请确保您的
正文
html
高度为100%,或者至少
最小高度为100%。

我不能使用高度100%,因为我有可滚动的内容。我必须使用自动,然后它就不工作了;(我有未定义(自动)宽度的可滚动内容。我有大背景。固定对我来说不是解决方案。“理论上,
html
标记甚至不是真正的显示对象,但通常CSS规则应用于
html
标记,而应用于
主体
。”不,应用于
html
的CSS规则被移动到视口中,而应用于
body
的规则被移动到
html
。即使如此,也不是所有的规则都这样做;只有
overflow
background-*
会出现在脑海中。除非“理论上”你的意思是在HTML方面,在这种情况下,这可能与实现HTML和CSS存在内在冲突。@Derfder然后设置
position:absolute;
@BoltClock我已经更改了描述以使其更真实。但是如何设置bg的高度和宽度?我不能使用高度100%;我有可滚动的内容;是的,每个b都支持它实现CSS2.1的rowser。如果您的身体背景没有显示,则说明其他问题。例如,如果没有内容,则身体框就不会绘制。但是对于这样的问题,您将得到的只是手动操作。
body {
  background-image: url(bg1.png), url(bg2.png);
  background-position: center top, center bottom;
}