2011-03-08 70 views
3

我在我的網站上有PIE,這樣IE就可以做border-radius,drop-shadow等等。一切都很好,直到我決定通過轉換普通的網站來加快網站的加載速度背景圖像轉換爲精靈並用CSS定位它們。這工作正常,直到你在IE中放大。雖然div,邊框半徑和陰影很好地調整大小,但背景圖像不會縮放並最終顯示其他精靈圖像。CSS3 PIE不縮放IE中的背景圖片

有沒有人知道如何解決PIE(通過CSS或與行爲搞亂),以便它在用戶更改頁面縮放時在IE中表現很好?

回答

3

不理想,但紛紛使出使用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事件中,以防用戶在查看頁面時更改縮放比例。

這並不理想,但它的工作原理。