css - CSS3 PIE 不能在 IE 中缩放背景图像

Question

我的网站上有PIE，以便 IE 可以进行边框半径、阴影等。一切都很好，直到我决定通过将常见的背景图像转换为精灵并使用 CSS 定位它们来使网站加载更快一点。这工作正常，直到您放大 IE。虽然 div、border-radius 和阴影可以很好地调整大小，但背景图像不会缩放并最终显示其他精灵图像。

有谁知道如何整理 PIE（通过 css 或弄乱行为），以便当用户更改页面缩放时它在 IE 中表现良好？

Answer 1

不理想，但已经使用javascript从每个元素中删除了behavior属性：

<!--[if ie]>
<script type="text/javascript">
function removeBehavior()
{
  if((screen.deviceXDPI / screen.logicalXDPI) != '1')
  {
    $("*").each(function(){
      $(this).css("behavior", "none");
    });
  }
}
removeBehavior();
window.onresize = removeBehavior;
</script>
<[endif]-->

该功能只会在 IE 中运行 - 它的作用是检查屏幕大小。如果它不是 1（等于 100%），那么（使用 jQuery）遍历整个 dom 并删除行为属性（或至少将其设置为空值）。

然后我在第一个页面调用中调用该函数并将其添加到 onresize 事件中，以防用户在查看页面时更改缩放。

这并不理想，但它有效。