фильтр: progid: DXImageTransform.Microsoft.AlphaImageLoader

Question

Я пишу некоторые CSS, которые требуют background-size: 100% 100%.

К сожалению, поскольку это свойство css3, оно не поддерживается в IE8 и ниже.Тем не менее, я читал о взломе, который я пытался использовать ниже:

#submit{
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled='true' 
src='/images/btn.png', sizingMethod='scale'); 

  -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader( enabled='true' 
src='/images/btn.png', sizingMethod='scale')"; 

  background: url('/images/btn.png') no-repeat;
  background-size: 100% 100%;
}

#submit - это идентификатор кнопки отправки.

К сожалению, это не похоже наРабота.Любые решения?

Answer 1

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

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

Это масштабирует его до размера всей страницы.Но нет никакой реальной гарантии, что background-size работает в IE.Даже документация MSDN говорит, что.

• http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx#color

И кстати: это возможный дубликат Как заставить фоновый размер работать в IE

Answer 2

Лучший подход состоит в том, чтобы полностью избежать AlphaImageLoader и использовать вместо этого изящно ухудшающий PNG8, что хорошо в IE. Если вам абсолютно необходим AlphaImageLoader, используйте символ подчеркивания _filter, чтобы не наказывать пользователей IE7 +. Пожалуйста, проверьте эту ссылку для справки. https://developer.yahoo.com/performance/rules.html#no_filters=