размер фона: обложка; Можем ли мы отменить направление клипа?

Question

Правило CSS3 'background-size: cover;' начинается в левом верхнем углу div и растягивает фоновое изображение в соотношении сторон, так что оно динамически покрывает ширину div.

Для конкретного изображения у меня было бы намного лучше на экранах более высокой ширины, если «background-size: cover;» начал изображение слева внизу div (div имеет фиксированную высоту) и закрыл и направо. Таким образом, небо на изображении не будет видно только на широких мониторах.

После некоторого исследования и исследований я пришел пустым. Это возможно?

Спасибо

Answer 1

Да, с помощью положения bottom left, well described at MDN

div { 
 
    height: 300px; 
 
    background: url('http://lorempixel.com/500/500/nature/4') no-repeat bottom left; 
 
    background-size: cover; 
 
}

<div></div>

---

Выглядит, как это с по умолчанию top left

div { 
 
    height: 300px; 
 
    background: url('http://lorempixel.com/500/500/nature/4') no-repeat top left; 
 
    background-size: cover; 
 
}

<div></div>