почему этот градиентный фильтр не работает в ie8? - PullRequest
Новая
       8

почему этот градиентный фильтр не работает в ie8?

1 голос
/ 11 марта 2012

почему этот градиентный фильтр не работает в Internet Explorer 8 ??я склонен полагать, что это поддерживается от ie6 + 

filter:progid:DXImageTransform.Microsoft.gradient(starColorstr='#ccc',endColorstr='#fefefe',GradientType=0);

Ответы [ 4 ]

3 голосов
/ 11 марта 2012
  1. Пожалуйста, всегда используйте <!doctype html>, чтобы перевести IE в (почти) -стандартный режим
  2. #ccc не соответствует ожиданиям;) Всегда используйте #RRGGBB, т.е. IE не может справиться с сокращением.
  3. Несколько фильтров в одном рулеблоке не допускаются. Ваш фильтр непрозрачности переопределяет фильтр градиента.
  4. Решение для фильтра: filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#e6cccccc",endColorstr="#e6fefefe",GradientType=0); с первыми двумя цифрами, являющимися непрозрачностью (диапазон 255, от 00 до ff, поэтому вам необходимо соответственно изменить масштаб непрозрачности 90% -> E6)
1 голос
/ 11 марта 2012

Градиенты и непрозрачность не поддерживаются IE8.

IE всегда был для меня тоже кошмаром (и, наверное, у каждого разработчика здесь)

0 голосов
/ 11 марта 2012

Использование следующего в вашем CSS для установки непрозрачности должно отображаться правильно: 


    /* IE 8 */
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";

    /* IE 5-7 */
    filter: alpha(opacity=65);

    /* Netscape */
    -moz-opacity: 0.65;

    /* Safari 1.x */
    -khtml-opacity: 0.65;

    /* Good browsers */
    opacity: 0.65;

Я протестировал его, и он работает в IE7, IE8, IE9, FF, NS, Chrome, Opera и Safari

Для центрирования div в IE8 (я полагаю, вам нужно поле: auto for), добавьте: 


    text-align:center;

Для градиента попробуйте следующее: 


    background: #008800; /* fallback for (Opera) */

    background: -moz-linear-gradient(top, #CCC, #fefefe); /* Mozilla: */

    background: -webkit-gradient(linear, left top, left bottom, from(#CCC), to(#fefefe)); /* Chrome, Safari:*/

    filter: progid:DXImageTransform.Microsoft.Gradient( StartColorStr='#CCC', EndColorStr='#fefefe', GradientType=0); /* MSIE */

Надеюсь, у вас это получится!

Лучший,

Синтия

0 голосов
/ 11 марта 2012

В вашем образце нет типа документа.

В IE8 может потребоваться XHTML 1.0 Transitional в качестве Doctype для создания поля: автоматическая работа, как и ожидалось.

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

Нет похожих вопросов

...