IE8和IE9中的背景顏色和ms-linear-gradient問題

Question

下面是應用CSS並遇到此問題的地方，

 background-color: rgba(91, 94, 85, 0.5) !important;
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55);
filter:ms-linear-gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55); /*fix for round corner edges in IE9 and input mess rendering in all IE */

圖片1：FF，Chrome和IE 9正常運行

圖片2：IE8不好

我不確定如何在IE8中正確修復此輸入。 我猜想它發生的原因是過濾器filter：ms-linear-gradient ，如果我在應用IE8背景色的情況下刪除了此過濾器，但輸入被弄亂了，如下圖所示。

如果我有此過濾器輸入未以預期方式應用IE8背景色正確渲染

謝謝 ，

尼西

Answer 1

您的代碼有問題：

• background-color: rgba(91, 94, 85, 0.5) !important;
  這行似乎還可以。 但是， !important標志很有可能是多余的。
• filter:progid:DXImageTransform.Microsoft.gradient( ... );
  該行也可以，盡管-ms-filter: "..."; IE8 +中首選語法 。

• filter:ms-linear-gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55);
  從這里開始麻煩：

  1. Internet Explorer的供應商前綴為-ms- ，（以連字符開頭）。
  2. -ms-linear-gradient是background的值，而不是filter 。
     此外，此值僅從IE 10開始受支持...
• //fix for round corner edges in IE9 CSS //fix for round corner edges in IE9注釋中//fix for round corner edges in IE9采用以下格式： /* comment */ 。
  沒有例外。

固定：

background-color: rgba(91, 94, 85, 0.5) !important;
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55);
-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F5B5E55,endColorstr=#7F5B5E55)";