相关疑难解决方法(0)

是否可以有两个背景图像？例如,我希望在顶部重复一个图像(repeat-x),并在整个页面上重复另一个图像(重复),整个页面上的一个重复在顶部重复.

我发现通过设置html和body的背景,我可以达到两个背景图像的效果:

html {
    background: url(images/bg.png);
}

body {
    background: url(images/bgtop.png) repeat-x;
}

这是"好"的CSS吗？有更好的方法吗？如果我想要三个或更多背景图像怎么办？

我有一些情况我应该使用多个背景颜色到一个div.这对我来说更好,而不是使用背景图像或额外的div.但是,我无法通过CSS找到更简单的方法来使用它.所以,我需要一些方案的帮助.请看图片:

(1)我想建立"A".因为我写道:

div.A { background: linear-gradient(to right, #9c9e9f, #f6f6f6); }

但是,在编写该代码后,它会像"B"一样.但是,我想要完全像"A".那么,通过css/css3我该怎么做(不添加更多的div)？

(2)是否可以使一部分比其他部分小？例如,在"C"处,蓝色比其他部分小(高度).如何,我可以将多个背景颜色应用于一个div,使一个部分变小,如"C"(不添加额外的div到"C")？

更新:在@ Mohammad回答之后,我已经尝试过这种方式了.但是,对于"C"场景,我无法降低蓝色部分的高度.你能告诉我,我该怎么办？
jsfiddle.net/mFjQ6