CSS多个背景仅适用于1 DIV

时间:2014-01-20 05:23:38

标签: css

是否可以拥有1个div并为每个高度设置多个背景?

我不想拥有New DIV,我想为1 div设置3个背景。

例如::

从高处:0px到高度:250px>> background1

从高处:250px直到高度:550px>> background2

如果有可能,请举个例子。

谢谢。

1 个答案:

答案 0 :(得分:1)

多个背景涉及使用多个值分配多个值,用逗号分隔:

#BG {
    background:        url(bg1.png),
                       url(bg2.png),
                       url(bg3.png);
    background-repeat: no-repeat,
                       no-repeat,
                       repeat-y;

    background-position: 0 0,
                         30px 70px,
                         right top;

    width: 400px; 
    height: 400px;
    border: 1px solid #ccc;
}