Форум Сайтостроение Веб-строительство

Вопрос про background в css

BadBoy
На сайте с 31.01.2005
Offline
308
BadBoy
1154

Представим.

У нас есть сайт у него есть фон (картинка) размером 1600 по ширине, заходит пользователь с разрешением экрана 1600, у него отображается все нормально.

Но вот когда заходит пользователь с разрешением 1280 или 1024, то фон в размерах не меняется, соответственно выходит за рамки экрана.

Реально ли сделать так, что бы фон подстраивался по ширине под разрешение пользователя?

[Удален]
#1

BadBoy, как и всегда мы все видим в других примерах. Посмотрите как устроен код счетчика Liveinternet. Он определяет параметры монитора пользователя. Дальше можно написать (или взять готовый) обработчик, который подгрузит Вам определенный файл css ))

T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#2

BadBoy,

масштабировать фон нельзя. Стандартных свойств у css для этого нет

T.R.O.N добавил 12.03.2010 в 16:36

BadBoy:
Но вот когда заходит пользователь с разрешением 1280 или 1024, то фон в размерах не меняется, соответственно выходит за рамки экрана.

я Вам скажу больше, какое-бы небыло разрешение, далеко не у всех (особенно не из-под винды) броузер развернут на весь экран

От воздержания пока никто не умер. Хотя никто и не родился! Prototype.js был написан теми, кто не знает JavaScript, для тех, кто не знает JavaScript (Richard Cornford)
!
На сайте с 29.11.2007
Offline
109
!bogus
#3

Была недавно тема на форуме, там предлагали след. решение. Создать js файл, который будет определять разрешение экрана и выдавать соот. страницу.

Я не знаю, работает оно нет.. знаю, что js сильно зависит от настроек пользователя, т.е. если отключить это дело.. то видимо картинка будет не такой, что нужно..

И все же, посмотрите..

<script language="javascript" type="text/javascript">

<!--

// проверка разрешения 640/480

if (screen.height == '480')

location.replace ('480.html')

// проверка разрешения 1024/768

else if (screen.height == '768')

location.replace ('768.html')

// любое другое разрешение

else

location.href ('else.html')

//-->

</script>

(c) пол макфедрис :)

.
T.R.O.N
На сайте с 18.05.2004
Offline
314
T.R.O.N
#4
!bogus:
пол макфедрис

а как Вы думаете, сколько вариантов разрешения придется делать?

T.R.O.N добавил 12.03.2010 в 17:44

BadBoy, вопрос, а что мешает сделать многослойный бекгроунд, который бы тянулся за счет сдвига слоев?

[umka]
На сайте с 25.05.2008
Offline
456
[umka]
#5 

<html>

<head>

<style>

body { margin: 0px; padding: 0px; }

#background {

	position: absolute;

	z-index: -999;

	width: 100%;

	height: 100%;

}

#background img {

	width: 100%;

	height: 100%;

}

</style>

</head>

<body>

<div id="background">

	<img src="/images/background.png">

</div>

<h1>Test</h1>

</body>

</html>

?! :)

Лог в помощь!
ixRock
На сайте с 14.11.2006
Offline
46
ixRock
#6
'[umka:
;6509218']
<html>

<head>

<style>

body { margin: 0px; padding: 0px; }

#background {

	position: absolute;

	z-index: -999;

	width: 100%;

	height: 100%;

}

#background img {

	width: 100%;

	height: 100%;

}

</style>

</head>

<body>

<div id="background">

	<img src="/images/background.png">

</div>

<h1>Test</h1>

</body>

</html>

?! :)

забыли указать left/top в ноль (т.к в ие6 иногда если left не указываешь уплывает)

к тому же при таком способе в ие6 будет жестко покореженное качество фотки)

а еще в некоторых браузерах отрицательный z-index убирает блок с глаз долой)) (прям под html/body походу)) - насколько я помню в некоторых мозилло-подобных это наблюдалось..

Работаю [S]за еду и секас[/S] с XHTML, CSS, XSLT, JS, PHP. Если что, вот тут (http://www.mintdesign.ru/) некоторые мои работы. Контакты: ася 344-ноль86-276, мыло ixrock@gmail.com
[umka]
На сайте с 25.05.2008
Offline
456
[umka]
#7

Ну тут уж так или иначе придется чем-то жертвовать :)

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий