background-size не подходит элементу - PullRequest
Новая
       9

background-size не подходит элементу

0 голосов
/ 30 марта 2011

Я пытался сделать фон, чтобы соответствовать высоте страницы, используя CSS3 background-size, но он работает только для ширины, но не для высоты.

Я хотел, чтобы это фоновое изображение соответствовало 100% ширины и высоты страницы, даже при нарушении его соотношения, я не вижу проблемы, так как использую background-size: 100% 100%; и

Процент относительно ширины или высоты области, заданной 'background-origin'

(любое значение для background-origin ничего не меняет)

Мне нужны некоторые советы о том, почему я не могу сделать высоту фона, чтобы соответствовать <body>? И как я мог это сделать?

Вот часть моего css: 

html {
    height:100%;
    min-height:100%;
}
body {
    min-height:100%;
    margin:0;
    padding:0 2em;
    background:#474747 url(../images/bg.jpg) 100% 0 no-repeat;
    background-size:100% 100%; /* raaaaaah */
    font-family:Cambria,serif;
    min-width:910px;
    position:relative;
}

Заранее спасибо!

РЕДАКТИРОВАТЬ: вы можете проверить на http://matthecat.com/v2/blog.html

Ответы [ 2 ]

1 голос
/ 30 марта 2011

Я думаю, что вы слишком усложняете.Я не знаю, для чего весь другой код CSS.Я не думаю, что некоторые из них даже делают что-нибудь.

body {
    background:#474747 url(http://www.cssplay.co.uk/layouts/rabbit.jpg);
    background-size:100% 100%;
}

этот код идеально подходит для меня.

Я не совсем уверен, почему вы все равно захотите это сделать.Есть намного лучшие способы установить фон вашей страницы.Вы можете использовать background-repeat:repeat-y для фрагмента bg, чтобы заполнить верхнюю часть, и использовать градиентное изображение, которое сливается с цветом bg (# 474747).Или, если это текстура, вы можете просто сделать полный повтор.С каким изображением вы пытаетесь использовать это?

0 голосов
/ 30 марта 2011

Проверьте источник с этой страницы ... http://www.cssplay.co.uk/layouts/background.html

...