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

Question

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

有没有人知道如何整理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事件，以防用户在查看页面时更改缩放。

它并不理想但它有效。