Переполнение фонового изображения DIV - PullRequest
Новая
       10

Переполнение фонового изображения DIV

3 голосов
/ 03 апреля 2011

У меня есть элемент DIV с фоновым изображением, и я хочу, чтобы он выходил за пределы размеров DIV (теперь оно обрезает изображение, потому что изображение больше, чем DIV).

Isэто возможно?overflow:visible не работает!

Ответы [ 3 ]

6 голосов
/ 20 октября 2011

Вы можете сделать это альтернативным способом: 

#box {
    margin:-50px 0 0;
    padding:50px 0 0 0;
    background:url(/images/image.png) no-repeat;
}
5 голосов
/ 03 апреля 2011

Поместите фон на более крупный <div>, содержащий ваш <div>.

0 голосов
/ 27 декабря 2012

Это очень возможно с CSS3.Я наткнулся на этот пост, пытаясь сделать это сам, и обнаружил, что могу это сделать.

Вот код, который я использовал: 

    #page
{
    width:1024px;
    height:662px;
    padding:0 58px 105px 58px;
    background-image:url(../images/milk_splash.png), url(../images/content_back.png);
    background-size: 1082px 767px, 1024px 662px;
    background-origin:padding-box, content-box;
    background-repeat:no-repeat, no-repeat;
    background-position:top left, top left;
}

Ваши изображения будут располагаться в том порядке, в котором вы их поместили.Ваш отступ - это разница в размере смещения от вашего div.

Я обнаружил это и просто должен был поделиться этим.Не будет работать в IE <9. </p>

...