linear-gradient в IE. DXImageTransform.Microsoft.gradient даёт рамку по краям.

palladin_jedi
На сайте с 13.07.2010
Offline
71
981

Заранее попрошу всех молчать о том, что градиент можно сделать фоновым изображением, я это прекрасно знаю, но на новом проекте решил побаловаться с поддержкой разными браузерами черновиков CSS3 спецификации.

Итак, у меня была цель сделать градиент на странице с помощью только CSS, без дополнительных изображений. Т.к. свойство linear-gradient еще только в черновиках, то для каждого браузера прописываем его поддерживаемое свойство:

 background: -webkit-gradient(

linear,
left top,
left bottom,
from(#99ff99),
to(#fff)
);
background: -o-linear-gradient(#99ff99,#fff);

background: -moz-linear-gradient(-90deg, #99ff99, #fff);

-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0, StartColorStr='#99ff99', EndColorStr='#FFFFFF')";

Для IE, как самого "синего" ("рыжим" назвать язык не поворачивается, к тому же "рыжий" - это Firefox) прописывался фильтр DX в соответствии с этой страницей.

В итоге - во всех браузерах, кроме IE градиент отображается нормально, IE же даёт непонятную мне рамку по краю страницы:

Кто знает как побороть эту бестию?

Сайт о web-разработке и прочем (http://seazo.net)||Продвижение статьями под Google (http://short.seazo.net/ght4zf) Бесплатные консультации рефералам Sape (http://www.sape.ru/r.SWfwWOblBo.php) PHP и JS скрипты на заказ, создание сайтов с нуля и на CMS.
dkameleon
На сайте с 09.12.2005
Offline
386
#1

для боди марджин и паддинг обнулили?

Дизайн интерьера (http://balabukha.com/)
palladin_jedi
На сайте с 13.07.2010
Offline
71
#2
dkameleon:
для боди марджин и паддинг обнулили?

Я так и знал что что-то забыл. :)

Спасибо, нужно было обнулить margin.

Чёртов IE...

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