相关疑难解决方法(0)

试图在"分为两部分"的页面上获得背景; 两侧有两种颜色(看似通过background-color在body标签上设置默认值,然后将另一种颜色应用于div拉伸窗口的整个宽度).

我确实提出了一个解决方案,但遗憾的是该background-size属性在IE7/8中不起作用,这是该项目必须的 -

body { background: #fff; }
#wrapper {
    background: url(1px.png) repeat-y;
    background-size: 50% auto;
    width: 100%;
}

既然它只是纯色可能有一种方法只使用常规background-color属性？

我有一些情况我应该使用多个背景颜色到一个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