我可以使用CSS获得多张背景图片吗？
是否可以有两个背景图像？例如，我想在顶部重复一幅图像（repeat-x），在整个页面中重复另一幅图像（repeat），其中整个页面中的一幅图像位于顶部重复的一幅图像的后面。
我发现通过设置html和body的背景，可以为两个背景图像实现所需的效果：
html {
background: url(images/bg.png);
}
body {
background: url(images/bgtop.png) repeat-x;
}
这是“好” CSS吗？有没有更好的方法？如果我要三个或更多背景图像怎么办？
问题答案：
CSS3允许这种事情，它看起来像这样：
body {
background-image: url(images/bgtop.png), url(images/bg.png);
background-repeat: repeat-x, repeat;
}
现在，所有主要浏览器的当前版本都支持它，但是，如果您需要支持IE8或更低版本，那么解决该问题的最佳方法是增加div：
<body>
<div id="bgTopDiv">
content here
</div>
</body>
body{
background-image: url(images/bg.png);
}
#bgTopDiv{
background-image: url(images/bgTop.png);
background-repeat: repeat-x;
}
-
问题内容： 我有一个按钮，当我单击它时，我想提醒的URL 。 可能吗？ 问题答案： 我通常更喜欢正则表达式，因为它通常更易于阅读：
-
问题内容： 应该是一个相当简单的问题。在我的网站上，我这样做： 我想做的是使背景图像变暗。由于我在该DIV中包含UI元素，因此我认为我真的不能在其上放置另一个div来使其变暗。有什么建议吗？ 问题答案： 您可以将CSS3 LinearGradient属性与背景图像一起使用，如下所示： 这是一个演示：
-
问题内容： 如果选择了该面板（单击该面板），则该面板的颜色为蓝色。另外，我在该面板上添加了一个小标志（图像），它表示所选面板之前已被选中。 因此，如果用户看到例如10个面板，其中有4个带有这个小标记，则他知道自己之前已经单击了这些面板。到目前为止，这项工作还不错。现在的问题是我无法显示小标志并使面板同时变为蓝色。 我使用css将面板设置为蓝色，使用设置背景图像。但是背景色似乎在图像上方，因此您看不
-
问题内容： 这是我的CSS脚本 我想把整个细胞伸展 问题答案： .style1 { background: url(images/bg.jpg) no-repeat center center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; backgrou
-
问题内容： 如何使用CSS翻转任何背景图片？可能吗？ currenty我使用这个箭头图像中background-image的liCSS中 开启：visited我需要水平翻转此箭头。我可以这样做来制作另一个箭头图像，但我只是好奇地知道是否有可能在CSS中翻转图像:visited 问题答案： 在看到Alex的答案出现翻转的线索后，我发现只翻转背景而不是整个元素的方法。谢谢亚历克斯的回答 HTML CS
-
问题内容： 我一直在尝试在背景图片的顶部使用线性渐变，以使背景底部的阴影效果从黑色变为透明，但似乎无法使其显示。 我在这里阅读了其他案例和示例，但没有一个对我有用。我只能看到渐变或图像，但不能全部看到。 只需单击第一个徽标，就忽略该效果，此后我要尝试的是整个网站的正文。 这是我的CSS代码： 问题答案： 好的，我通过 在行尾 添加背景图片的网址来解决此问题。 这是我的工作代码：