фоновые градиенты в IE7 с CSS




background internet-explorer-7 (2)

В IE <= 7 фильтры не будут работать, если элемент не имеет макет .

zoom: 1;

Имейте в виду, что это может сломать другие вещи, поэтому старый хороший background-image может быть безопасным и надежным решением.

Также обратите внимание, что ваш CSS не имеет свойств градиента для Opera, IE10 и обновленного синтаксиса для Webkit.

Я использую следующий бит CSS для создания линейного фонового градиента. Кажется, что он отлично работает в IE8 / 9, FF, Safari и Chrome, но не в IE7. IE7 показывает сплошной (зеленый) фон. Вот мой код

.menu_body a {
  display:block;
  color:#006699;
  background: #008800;
  /* Mozilla: */
  background: -moz-linear-gradient(top, #0b71a4, #025f8e);
  /* Chrome, Safari:*/
  background: -webkit-gradient(linear,
            left top, left bottom, from(#0b71a4), to(#025f8e));
  /* MSIE */
  filter: progid:DXImageTransform.Microsoft.Gradient(
            StartColorStr='#0b71a4', EndColorStr='#025f8e', GradientType=0);
  padding: 1px 18px;
}   

Правильный синтаксис:

filter: progid:DXImageTransform.Microsoft.gradient
(startColorstr=#550000FF, endColorstr=#55FFFF00)

Это поддерживается IE4>

См. Источник MSDN здесь .





gradient