[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: body image фоновое разрешение
Страницы: 1, 2, 3
littleman
Написал всё работает, но я хотел чтобы сужение доходило до 1000px и картинка дальше не сужалась, а то не красиво выходит.
    background : url(384038-61407.jpg) 0 0 no-repeat;
background-size: 100%;

Картинка большая сделал 100% чтобы она вошла в браузер нормально, но сужение теперь портит .
min-width: 1000px;

Не помогло .
BaNru
используй media query

@media (min-width:1000px) {
background-size: auto;
}
littleman
BaNru
А как использовать для body ?
BaNru
Немного ступил под вечер, сорри моя ошибка
@media (max-width:1000px){
body {
background-size: auto;
}
}
littleman
BaNru
У меня редактор красным всё выделил, что-то там тоже не айс-мен.
Kopipaster
Нормальные верстальщики боди не трогают
Ставишь в боди див даёшь ему название.
HTML:
<body>
<div
class="primer">
</div>
</body>

CSS:
.primer{
background:url(..fon.jpg) no-repeat;
background-size: 100%;
width: 100%;
min-width: 1000px;
}
littleman
Kopipaster
Нормальные, а также с опытом, возможно !!! Начинающим нужно подсказать, а я задал вопрос .
Спасибо, буду пробовать.
BaNru
littleman, потому что он у те бя не знает про такую конструкцию. Она как и background-size относительно молода, появились они в CSS3 и не все браузеры это поддерживают. Поэтому ты проверил бы в браузере для начал.

Цитата
Нормальные верстальщики боди не трогают
Ставишь в боди див даёшь ему название.

Большей чуши я не слышал.
Зачем создавать лишний див?!
Kopipaster
Цитата (littleman @ 20.05.2014 - 22:40)
Начинающим нужно подсказать, а я задал вопрос .

blink.gif
А я что не ответил?
Даже показал.
Kopipaster
Цитата (BaNru @ 20.05.2014 - 22:43)
Большей чуши я не слышал.
Зачем создавать лишний див?!

biggrin.gif biggrin.gif biggrin.gif программист дэтэктед.
BaNru
Цитата
программист дэтэктед.

Ты верно шутишь в очередной раз.

Ну серьезно, почему нельзя издеваться на body?
Kopipaster
Цитата (BaNru @ 20.05.2014 - 23:06)
Ну серьезно, почему нельзя издеваться на body?

Ну как бы тебе объяснить.
Ну попробуй задать для боди
min-width: 1000px;

BaNru
Цитата
Ну попробуй задать для боди

И? Задавал много раз. И многие так делают.
Ты пробуй, объясняй!
Kopipaster
Цитата (BaNru @ 20.05.2014 - 23:18)
И? Задавал много раз. И многие так делают.
Ты пробуй, объясняй!

Молодец :D
а теперь вместе с этим
	background:url(..fon.jpg) no-repeat;
background-size: 100%;
width: 100%;
min-width: 1000px;
littleman
BaNru
Не не , Kopipaster прав, даже лучше мысль дал, как раз сейчас у меня встало нормально.
Спасибо вам ! за помощь smile.gif
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2025 Invision Power Services, Inc.