是否有浏览器支持<;的不同背景图像;车身>;及<;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;
}