Вертикальный градиент / IE - PullRequest
3 голосов
/ 02 марта 2011

Кто-нибудь, ПОЖАЛУЙСТА, скажите мне, что Internet Explorer, наиболее используемый в мире веб-браузер, ПОДДЕРЖИВАЕТ градиенты для HTML-элементов!

У меня есть это:

/* default background colour, for all layout engines that don't implement gradients */
background: #2a6da9;

/* gecko based browsers */
background: -moz-linear-gradient(top, #55aaee, #003366);

/* webkit based browsers */
background: -webkit-gradient(linear, left top, left bottom, from(#55aaee), to(#003366));

color: #000000; /* text colour (black) */
height: auto; /* gradient uses the full height of the element */
padding: 5px; /* distance from border edge to text */

..., который отлично работает в каждомбраузер я использовал его, за исключением интернет-обозревателя!Internet Explorer, даже самая последняя версия (9 бета и 9RC1) НЕ ПОЯВЛЯЕТСЯ ГРАДИЕНТАМИ ПОДДЕРЖКИ!

До сих пор все, что я видел в Интернете, - это учебные пособия, в которых предлагается использовать фоновое изображение с эффектом градиента.и просто сделайте на нем повтор-х.

Кто-нибудь знает способ получить поддержку градиента в IE?(без изображений)

Спасибо:)

1 Ответ

5 голосов
/ 02 марта 2011

Вот пример с градиентными фильтрами для IE ...

http://robertnyman.com/2010/02/15/css-gradients-for-all-web-browsers-without-using-images/

Фрагмент показывает:

        /* For Internet Explorer 5.5 - 7 */
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF);
        /* For Internet Explorer 8 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FF0000FF, endColorstr=#FFFFFFFF)";

Но я всегда только использовалсрез градиента шириной 1px.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...