2013-07-05 15 views
1

Итак, вот в чем проблема. Я установил фоновое изображение, которое изменится до достижения минимальной высоты. По крайней мере, так оно работает в Firefox, Chrome и IE.Safari CSS - минимальная высота и размер фона

body { 
    min-height: 790px; 
    min-width: 640px; 
    overflow: auto; 
} 

#main { 
    float: left; 
    width: 100%; 
    height: 100%; 
    background: url(../images/index_bg.jpg) no-repeat center center; 
    background-size: auto 100%; 
} 

Но в Safari, если я буду продолжать делать высоту окна моего штурмана в меньше, чем 790px, фоновое изображение продолжает изменение размера. Когда моя идея заключается в том, что она должна остановиться на скорости 790 пикселей, как в других навигаторах. Вертикальная прокрутка появляется, но, конечно, это не очень помогает, когда фон продолжает изменять размер.

Если вы хотите, чтобы проверить всю страницу для своего кода, здесь:

http://www.avalon.me/313/

ответ

0

Я предлагаю также установить значение мин высоты #main. Это работало для меня во всех браузерах.

#main{ min-height:790px; } 
+0

Отлично, что казалось это сделать! Благодаря!! –

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