如何使'背景大小”在 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中文网其他相关文章！