[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: background-size под IE
Страницы: 1, 2
Миша
Помогите с background-size под IE (не работает)

    -moz-background-size: 100%;
-
webkit-background-size: 100%;
-
o-background-size: 100%;
background-size: 100%;


_____________
Принимаю заказы, писать в ЛС
Kopipaster
Что значит не работает? В какой версии? С каким элементом(<div>,<a>,<ul>)?
Версии браузеров можно посмотреть тут.
Ну и для некоторых элементов, для работы в паре с background-size, надо задавать точные значения:
a{
width:100px;
height:100px;
display:block;
}

Если браузер старый помогут только костыли из JS.
Миша
Любой старый браузер IE 6 или 7, фон общий надо растянуть на весь монитор.

_____________
Принимаю заказы, писать в ЛС
Kopipaster
Если меньше 9 то только Java Script но ты действительно будешь этим замарачиватся?
На данный момент доля пользователей с такими версиями браузера состовляет менее 0.09% .
статистика
Placido
Статистика не совсем корректная. Согласно http://gs.statcounter.com/#browser_version...1404-201404-bar, Доля IE8 в России
4,6%. А согласно http://www.w3counter.com/trends, в мире у IE7+IE8 доля 7%.
Миша
И всё-же под Браузер: MSIE 7.0 можно что-то придумать?

_____________
Принимаю заказы, писать в ЛС
Kopipaster
Цитата (Медведь @ 9.05.2014 - 12:18)
И всё-же под Браузер: MSIE 7.0 можно что-то придумать?

На сколько мне известно поможет только Java Script. Готового решения не предложу, гугли, либо спрашивай JS ветке.
Миша
Какое соотношение сторон нужно что-бы фон в браузере не обрезался?

_____________
Принимаю заказы, писать в ЛС
Kopipaster
Цитата (Медведь @ 15.05.2014 - 11:58)
Какое соотношение сторон нужно что-бы фон в браузере не обрезался?

Нет таких стандартов мониторы у всех разные.
Миша
И опять IE. Задаю фон допустим небольшой +
   -moz-background-size: 100%;
-
webkit-background-size: 100%;
-
o-background-size: 100%;
background-size: 100%;

Во всех браузерах хорошо, в IE показывает оригинальный размер. Если взять фон больше разрешения экрана, то в IE опять показывает оригинальный размер. Можно сделать что-бы всё работало как в других браузерах?

_____________
Принимаю заказы, писать в ЛС
BaNru
Для старых ишаков
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-
ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";

Подробности тут: http://msdn.microsoft.com/en-us/library/ms...v=vs.85%29.aspx
(работоспособность не проверял)

background-size работает начиная с IE9
Поддержу того или иного свойства браузерами рекомендую смотреть тут: http://caniuse.com/ http://caniuse.com/#feat=background-img-opts
Там же есть ссылка на HTC хак для IE7-8
https://github.com/louisremi/background-size-polyfill

Так-же можно воспользоваться jQ плагином
https://github.com/louisremi/jquery.backgroundSize.js

Выбирай что больше нравится
Миша
Всем большое спасибо, но в этой схеме перестают работать ссылки
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale');

-
ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='images/logo.gif',
sizingMethod='scale')";


Поэтому поверх body делаем div и весь текст (контент) размешаем в блоке.

P.S. Может кому-то пригодится.

_____________
Принимаю заказы, писать в ЛС
Миша
Установил IE 9, заявленно что
background-size: 100%;
от работает IE9, но нет, не работает.

_____________
Принимаю заказы, писать в ЛС
Kopipaster
Цитата (Медведь @ 15.05.2014 - 21:32)
но нет, не работает.
Работает просто видимо ты уже там накрутил условий.
Читай внимательно статью там есть JS решение 100% работает
Цитата (Kopipaster @ 15.05.2014 - 13:05)
http://css-tricks.com/perfect-full-page-background-image/




Быстрый ответ:

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