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事件，以防用户在查看页面时更改缩放。

这不太理想，但它有效。

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

1 个答案: