Вопрос про background-image

[DivMan]

Почему, если картинку сделать фоном, с помощью свойства background-image, то она показывается, а если убрать слово image, то фон не показывается? Ведь background это сокращённая запись, так почему браузер это не понимает?

 

 http://cssdeck.com/labs/srcuojfw

В HTML на 9 строке, добавьте к свойству background " -image ".

[Yazon_Nile]

все работает

background-image: url(http://i62.fastpic.ru/big/2014/0609/7b/29fcd395e7320cd43ac39dcb2b152b7b.jpg);

[Aleksandr.L]

DivMan, а ты повнимательнее прочитай страницы 268-269. Я так понимаю это пример из "Большой книги CSS3"?

[klierik]

.wrapper{

    background: #fff;

    background: url(http://i62.fastpic.ru/big/2014/0609/7b/29fcd395e7320cd43ac39dcb2b152b7b.jpg);

    background-position: left top;

    background-repeat:no-repeat;

}

.wrapper {

    background: #fff url("http://i62.fastpic.ru/big/2014/0609/7b/29fcd395e7320cd43ac39dcb2b152b7b.jpg") 0 0 no-repeat;

}

[DivMan]

DivMan, а ты повнимательнее прочитай страницы 268-269. Я так понимаю это пример из "Большой книги CSS3"?

да, я знаю то что там написали значение полностью, но я хочу узнать почему не работает сокращение 

[DivMan]

.wrapper{    background: #fff;    background: url(http://i62.fastpic.ru/big/2014/0609/7b/29fcd395e7320cd43ac39dcb2b152b7b.jpg);    background-position: left top;    background-repeat:no-repeat;}.wrapper {    background: #fff url("http://i62.fastpic.ru/big/2014/0609/7b/29fcd395e7320cd43ac39dcb2b152b7b.jpg") 0 0 no-repeat;}

про это я знаю

[Aleksandr.L]

Выше пост смотри.

background: #fff;background: url(http://i62.fastpic.ru/big/2014/0609/7b/29fcd395e7320cd43ac39dcb2b152b7b.jpg);

Ниче не смущает?

[DivMan]

 

DivMan, а ты повнимательнее прочитай страницы 268-269. Я так понимаю это пример из "Большой книги CSS3"?

да, я знаю то что там написали значение полностью, но я хочу узнать почему не работает сокращение 

 

там написано, то что надо свойство background-color надо поставить вторым, после background:url, но это не помогает 

Выше пост смотри.

background: #fff;background: url(http://i62.fastpic.ru/big/2014/0609/7b/29fcd395e7320cd43ac39dcb2b152b7b.jpg);

Ниче не смущает?

Выше пост смотри.

Edited June 9, 2014 by DivMan

[klierik]

даже в таком исполнении все будет работать корректно: http://jsfiddle.net/SDREQ/