2013-05-15 4 views
1

У меня есть одно кодированное PNG изображение base64.как рисовать маленькое base64 изображение на весь экран

Я написал следующий код для растяжения на весь экран

[CSS] 
background: url(data:image/png;base64,/*---Image base64 code--*/)no-repeat center center fixed; 
-webkit-background-size: cover; 
    -o-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 

, но не работает. Как я могу добиться этого.

+0

Что селектор был использован с этими свойствами? – Musa

ответ

0

Вы используете его на теле? если да, то это будет как показано ниже.

Jsfiddle: http://jsfiddle.net/UVkjT/

body 
{ 
background-image: url(data:image/png;base64,/*---Image base64 code--*/) no-repeat center center fixed; 
-webkit-background-size: cover; 
    -o-background-size: cover; 
    -moz-background-size: cover; 
    background-size: cover; 
} 
+1

Нет ничего плохого в использовании 'background' ... И все те другие значения, которые вы загружаете в« background-image »**, не применимы ** к нему, но они * делают * применимы к« фону », если вы с учетом параметра цвета. См. Http://www.w3.org/TR/css3-background/#background и http://www.w3.org/TR/css3-background/#the-background-image – JayC

+0

Я пропустил небольшой бит на назад. Спасибо и ответьте. – cherhan

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