Фоновое изображение не видно Css

Я добавил фоновое изображение, и оно не отображается на странице.Фоновое изображение не видно Css

Это то, что я пробовал:

Css:

div{ 


    background: url(http://patentimages.storage.googleapis.com/CN103289961A/CN103289961AD00172.png) no-repeat center center fixed; 
     -webkit-background-size: contain; 
     -moz-background-size: contain; 
     -o-background-size: contain; 
     background-size: contain; 
     vertical-align: middle; 
     background-position: center; 
    }

Demo Link

источник

2016-03-18 M-S

Это происходит потому, что DIV не измеряет ширину и высоту фиксированной или определена.

background: url(http://patentimages.storage.googleapis.com/CN103289961A/CN103289961AD00172.png) no-repeat center center fixed; 
    -webkit-background-size: contain; 
    -moz-background-size: contain; 
    -o-background-size: contain; 
    background-size: contain; 
    vertical-align: middle; 
    background-position: center; 
    width: 500px; 
    height: 500px; 
}

Работа link

источник

2016-03-18 22:24:38 WakeupMorning

Спасибо, это работает отлично, но у меня есть изображение с текстом, его получение размыты. https://jsfiddle.net/8sjjxp0e/4/ –

хорошо, это поведение объясняется тем, что, когда вы используете свойство содержать значение фона, оно пытается вписаться в эти меры, тогда изображение становится размытым. – WakeupMorning

Любая рабочая ссылка, чтобы избавиться от размытия. –

Фоновое изображение не видно Css

ответ

Смежные вопросы