ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фиксация фона для ИЕ6
12 сообщений из 12, страница 1 из 1
Фиксация фона для ИЕ6
    #38269249
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
На сайте есть подложка:
Код: html
1.
<div class="back"><img src="images/background.jpg"/></div>


со стилями
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
.back {
	height:200%;
	left:-50%;
	position:fixed;
	top:0;
	width:200%;
}
.back img {
	bottom:0;
	left:0;
	margin:0 auto auto;
	min-height:50%;
	min-width:50%;
	position:absolute;
	right:0;
	top:0;
}


То есть изображение всегда занимает всю область без искажения пропорции, выходя за области страницы в случае необходимости. Понадобилось реализовать подобное для старых браузеров (точнее, ИЕ6, так как в ИЕ7 min-width/min-height вроде есть). Никто не сталкивался с реализацией? Что-то не придумаю как реализовать.
...
Рейтинг: 0 / 0
23.05.2013, 00:10
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38269436
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
IDVsbruck
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
.back img {
	bottom:0;
	left:0;
	margin:0 auto auto;
	min-height:50%;
	min-width:50%;
	position:absolute;
	right:0;
	top:0;
}


Вот это все вместе является каким-то супнабором... Смысла не имеет. Какие маргины и ширины с высотой у абсолютнопозиционированного элемента при полном указании top, bottom, left и right...
...
Рейтинг: 0 / 0
23.05.2013, 08:54
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38269440
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
IDVsbruck , и еще
htmlbookБраузер Internet Explorer 6 значение fixed не поддерживает.
http://htmlbook.ru/css/position
...
Рейтинг: 0 / 0
23.05.2013, 08:56
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38269875
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
Да это я знаю. И сайт у меня не поддерживает ИЕ6, ИЕ7 (плюс нет поддержки ИЕ8 и Оперы, о чем пользователь будет проинформирован). Но чтобы показать страницу с информацией, я хочу сделать ее в стиле остального сайта. Приведенный код замечательно работает. Идей реализовать подобное для ИЕ6 у меня нет.
...
Рейтинг: 0 / 0
23.05.2013, 12:52
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38269949
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
IDVsbruckПриведенный код замечательно работает.
Там много лишней информации. Зачем она?
...
Рейтинг: 0 / 0
23.05.2013, 13:22
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38270054
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
krvsaIDVsbruckПриведенный код замечательно работает.
Там много лишней информации. Зачем она?
Согласен сейчас все красиво в HTML можно просто указать картинку для фона и масштабировать ее "background-size: cover;" и все
В старых ИЕ масштабировать можно с помощью фильтров но с пропорциями там беда =( но костылями вроде победить можно
...
Рейтинг: 0 / 0
23.05.2013, 14:06
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38270178
Фотография Малыхин Сергей
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Малыхин Сергей
Участник
Как не красивый вариант

 
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
<html><head><style>
* {margin: 0;padding: 0 ;}
body {
	background: url(http://cs306712.vk.me/v306712557/ce2/F5yDl_W3b8U.jpg) center center fixed no-repeat;
	-webkit-background-size: cover;-moz-background-size: cover;-o-background-size: cover;background-size: cover;}
</style>
<!--[if lt IE 9]>
<style type="text/css">
.IEkostyl {
	background: url(http://cs306712.vk.me/v306712557/ce2/F5yDl_W3b8U.jpg) center center fixed no-repeat;
	height: expression(document.getElementsByTagName('body')[0].offsetWidth/890*600 +  'px');
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://cs306712.vk.me/v306712557/ce2/F5yDl_W3b8U.jpg', sizingMethod=scale);}
</style>
<![endif]-->
</head><body>
	<!--[if lt IE 9]><div class="IEkostyl"><![endif]-->
	Просто текст !
	<!--[if lt IE 9]></div><![endif]-->
</body></html>

...
Рейтинг: 0 / 0
23.05.2013, 14:54
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38270234
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
Малыхин СергейСогласен сейчас все красиво в HTML можно просто указать картинку для фона и масштабировать ее "background-size: cover;" и все
В старых ИЕ масштабировать можно с помощью фильтров но с пропорциями там беда =( но костылями вроде победить можно

Я вот про что...
Тут
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
.back img {
	bottom:0;
	left:0;
	margin:0 auto auto;
	min-height:50%;
	min-width:50%;
	position:absolute;
	right:0;
	top:0;
}


много взаимоисключающих свойств и значений.
Оно будет работать и так

Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
.back img {
	bottom:0;
	left:0;
	min-height:50%;
	min-width:50%;
	position:absolute;
	right:0;
	top:0;
}



И так

Код: css
1.
2.
3.
4.
5.
6.
7.
.back img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}



Не факт что

Код: css
1.
2.
	min-height:50%;
	min-width:50%;



Перебъёт

Код: css
1.
2.
3.
4.
5.
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;


Потому как эти свойства и их значения абсолютно точно определяют размер картинки.
...
Рейтинг: 0 / 0
23.05.2013, 15:15
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38270552
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
krvsa, при всем уважении, я не об этом спрашивал, на это глубоко и сильно ... работает - и работает. Меня интересует вопрос о том, как аналогичное реализовать в ИЕ6.

P.S.
Вариант 1 (мой).
Вариант 2 (твой):
Код: css
1.
2.
3.
4.
5.
6.
7.
8.
9.
.back img {
	bottom:0;
	left:0;
	min-height:50%;
	min-width:50%;
	position:absolute;
	right:0;
	top:0;
}


Вариант 3 (твой):
Код: css
1.
2.
3.
4.
5.
6.
7.
.back img {
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
}

Мне почему-то кажется, что все-таки лучше оставить как есть.
...
Рейтинг: 0 / 0
23.05.2013, 17:39
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38270561
IDVsbruck
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
IDVsbruck
Участник
...
Рейтинг: 0 / 0
23.05.2013, 17:42
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38271210
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
IDVsbruckМне почему-то кажется, что все-таки лучше оставить как есть.
Оставь...
...
Рейтинг: 0 / 0
24.05.2013, 08:30
| Ответить | Цитировать | Написать  
Фиксация фона для ИЕ6
    #38272195
mage.lan
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mage.lan
Участник
IDVsbruck,

возможно вам помогут выражения, которые ie6 прекрасно поддерживал, почитайте
http://www.gunlaug.no/contents/wd_additions_15.html
может поможет...
...
Рейтинг: 0 / 0
24.05.2013, 14:29
| Ответить | Цитировать | Написать  
12 сообщений из 12, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / Фиксация фона для ИЕ6
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1448315]:
 0ms
get settings:
 8ms
get forum list:
 13ms
check forum access:
 2ms
check topic access:
 2ms
track hit:
 204ms
get topic data:
 9ms
get first new msg:
 4ms
get forum data:
 2ms
get page messages:
 48ms
get tp. blocked users:
 1ms
others: 203ms
total:  496ms
созд. / загр.: 496ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]