CSS Несколько фона только для 1 DIV

Question

Возможно ли иметь 1 div и установить несколько фона для каждой высоты?

Я не хочу иметь новый DIV, я хочу установить 3 фонов для 1 div.

, например ::

с высоты: не 0px до высоты: 250px >> не background1

с высоты: 250px до высоты: 550px >> background2

, если это возможно, пожалуйста, дайте мне пример .

спасибо.

Answer 1

Несколько фонов связана с использованием нескольких назначений свойств с несколькими значениями, разделенных запятой: [? Могу ли я иметь несколько фоновых изображений с помощью CSS]

#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; 
}