Jump to content
  • 0

Два фона

vasa3000

Asked by vasa3000,

 Share

Question

7 answers to this question

Recommended Posts

  • 0
Z1gnet Explorer

Z1gnet

Posted
Posted (edited)

В каком смысле 2 фона? Если ты имеешь ввиду поставить картинку и остально задить цветом то это очень просто.

background-image:url(/images/image1.jpg); - задаем фоновую картинку
background-color:#f00; - задаем цвет фона.

можно скращенную запись background:#f00 url(/images/image1.jpg);

 

ну а если ты хочешь именно как на кинопоиске то нужно отцентрировать по вертикали картинку и отменить повторение ее, это будет вот так

background:#f00 url(/images/image1.jpg) 50% 0 no-repeat;


Свойство background позволяет ставить их несколько сразу, перечисляя параметры через запятую.

 

но главное не забывать что это работает только начиная с ие9

Edited by Z1gnet
Link to comment
Share on other sites
  • 0
Radiocity Explorer

Radiocity

Posted
Posted

но главное не забывать что это работает только начиная с ие9

Старым ослам можно и целиком скормить в худшем формате. Как говорится: "Кто к нам с мечем придет..."

Link to comment
Share on other sites
  • 0
Z1gnet Explorer

Z1gnet

Posted
Posted (edited)
Вашим способом можна сделать вот таким образом? 793964545.png Только как сделать верхнюю часть фиксированой ?!

 

не совсем понял что значит "сделать верхнюю часть фиксированой ?"

если нужен такой результат http://prntscr.com/2473c6 ,то решение такое

 

body{

    margin:0;

    background:#2A2A2A url(http://image-up.3dn.ru/_ph/1/793964545.png) 50% 0 no-repeat;

}

 

если нужно что бы по краям был другой фон, типа как тут http://prntscr.com/2474n9 (синий для примера), то нужен еще один блок.

<body>     <div class="wrapper"> </div></body>html,body{    height:100%;}body{    margin:0;    background:#00f; /* общий фон */}.wrapper{    width:1283px; /* поставил ширину на блок с фоновой картинкой по ширине картинки */    margin: 0 auto; /* отцентрировал блок */    background:#2A2A2A url(http://image-up.3dn.ru/_ph/1/793964545.png) no-repeat; /* задал фон */    height:100%; /* поставил высоту, так как в данном примере высота дива равна 0, потому что в нем нету контента, а так она на всю высоту родителя на который я тоже поставл 100% */}
Edited by Z1gnet
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
Go to question listing
×
×
  • 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

  I accept