在IE9中使用濾鏡實現背景圖像上的漸變疊加

我目前正在嘗試在從URL加載的背景圖像上創建漸變疊加。我用在IE9中使用濾鏡實現背景圖像上的漸變疊加

background: linear-gradient(rgba(54, 91, 162, 0.66), rgba(78, 150, 231, 0.66)), url(<urlHere>);

現在我知道，IE9不支持CSS漸變得到了大多數主流瀏覽器這個工作，但它不過支持的過濾器屬性，它允許兩個圖像加載和漸變。現在根據this StackOverflow和Microsoft Developer Network一起發佈，您可以使用space將多個過濾器分開。所以，我試圖使像這樣

filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#a8365ba2', EndColorStr='#a84e96e7') progid:DXImageTransform.Microsoft.AlphaImageLoader(src='<urlHere>');

我IE9過濾不過，我似乎無法得到這個在IE9中正常工作，它始終沒有任何梯度只顯示背景圖片可言，即使我顛倒順序他們在過濾器中。

我已經測試了漸變過濾器本身，我知道它的工作原理，我也測試了背景圖片過濾器本身，並可以確認它的作品。

我在做什麼錯？

來源

2017-10-11 Conor Watson

您可以使用background-image: url()和:before/:after作爲漸變。

來源

2017-10-11 15:40:41

IE11具有用於支持傳統dx過濾器的組策略設置。使用開發工具的仿真選項卡找出該域使用的是哪種模擬模式，以及它是如何建立的。使用GPO打開使用企業站點模式列表的舊式Intranet站點中的DX篩選器支持，或將Intranet站點更新爲html5和css3標準。 –

在IE9中使用濾鏡實現背景圖像上的漸變疊加

回答

相關問題