如何使「背景大小」在 Internet Explorer 中正常運作？

克服IE 的背景大小限制

儘管背景大小是一個廣泛支持的CSS 屬性，但背景大小在Internet Explorer 中提出了挑戰。好奇的開發人員一直在尋找解決方案，以使這種基本樣式即使在此瀏覽器中也能按預期工作。

答案：利用 AlphaImageLoader 過濾器

幸運的是，出現了一個解決方案AlphaImageLoader過濾器的形式，IE 5.5及更高版本支援。此濾鏡可讓您在IE 中操作影像縮放：

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

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

使用AlphaImageLoader 濾鏡的注意事項

需要注意的是，AlphaImageLoader 濾鏡將整個濾鏡影像縮放到適合指定區域。如果您使用精靈，這可能會導致對齊問題。

進一步探索的參考

有關更深入的信息，請參閱 Microsoft 官方AlphaImageLoader的文件過濾器：

https://msdn.microsoft.com/en-us/library/ms532984(v=vs.85).aspx

以上是如何使「背景大小」在 Internet Explorer 中正常運作？的詳細內容。更多資訊請關注PHP中文網其他相關文章！