Geek asks and answers

CSS3 PIE Not scaling background images in IE

I have a PIE on my site so that IE can do border radius, drop-shadow, etc. Everything was fine until I decided to make website loading a little faster, turning common background images into sprites and positioning them using CSS. This works fine until you zoom in IE. While the size of the div, border-radius and drop shadow changes beautifully, the background image does not scale and ends up showing other sprite images.

Does anyone know how to sort PIE (either css or messing with behavior) so that it works well in IE when the user zooms in on the page?

+3
source share
1 answer

, javascript:

<!--[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, .

, .

+3

More articles:


All Articles