Jump to content
  • 0

как растянуть фон для background ?


Нusuf
 Share

Question

здравствуйте.

мне нужно, чтобы картинка заполнила body от границ до границ, но не повторялась (no-repit).

Есть какой-то способ, чтобы она вела себя , как резиновая?

пусть искажается с изменением размера body , это ничего.

главное, чтобы она всё время заполняла его до границ. (у меня на картинке небо ..с облаками))

подскажите, пожалуйста.

спасибо

Link to comment
Share on other sites

7 answers to this question

Recommended Posts

  • 0


body{
width:100%;
height:100%;
background: url(name.png) no-repeat;
background-size: cover;
}

background-size: cover; масштабирует фон

только учти еще вот это

Safari до версии 4.1 и Chrome до версии 3.0 используют нестандартное свойство -webkit-background-size.

Opera до версии 10.53 использует нестандартное свойство -o-background-size.

Firefox до версии 4.0 использует нестандартное свойство -moz-background-size.

Edited by Modestes
Link to comment
Share on other sites

  • 0

спасибо огромное!

ребята, подскажите ещё, пожалуйста, как как изменить настройки чтобы заставить Firebug отображать сжатые свойства ?

вот, по следам этой статьи: http://blog.nerevar.ru/2011/11/firebug.html

как найти это место в Firebug , чтобы изменить настройки? только не отсылайте меня, пожалуйста, к англоязычным инструкциям.

спасибо

Link to comment
Share on other sites

  • 0

спасибо огромное!

ребята, подскажите ещё, пожалуйста, как как изменить настройки чтобы заставить Firebug отображать сжатые свойства ?

вот, по следам этой статьи: http://blog.nerevar.ru/2011/11/firebug.html

как найти это место в Firebug , чтобы изменить настройки? только не отсылайте меня, пожалуйста, к англоязычным инструкциям.

спасибо

Зачем? и так удобно ведь. Но раз уж спросил...

1. Открываешь лису

2. В адресной строке вводишь about:config

3. В списке конфигураций ищешь вот эту строчку

(чтобы легче было искать, скопируй строчку в тамошний поиск)

extensions.firebug.expandShorthandProps со значением true

жмешь два раза и меняется на false

Довольно потирая руки продолжаешь кодить :)

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Answer this question...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

 Share

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue. See more about our Guidelines and Privacy Policy