jQuery的 - 可拖動DIV與影子 - 問題在Opera

我在Opera 11.50的問題@ Windows 7的jQuery的 - 可拖動DIV與影子 - 問題在Opera

這是我的代碼和live preview：

<!DOCTYPE html> 
<html> 
<head> 
    <link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/> 
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script> 
    <script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script> 
    <style type="text/css"> 
    #draggable { 
     width: 100px; 
     height: 70px; 
     background: silver; 
     box-shadow: 0 0 4px rgba(0, 0, 0, 1); 
     -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 1); 
     -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 1); 
    } 
    </style> 
    <script> 
    $(document).ready(function() { 
    $("#draggable").draggable(); 
    }); 
    </script> 
</head> 
<body style="font-size:62.5%;"> 

<div id="draggable">Drag me</div> 

</body> 
</html>

如果我拖動div的周圍，它的葉子影子的「痕跡」。特別是如果我在上方快速拖動它。在Chrome和Firefox中，它的工作原理和看起來不錯。

任何人有想法或建議嗎？

謝謝！

編輯：Here也是一個屏幕本給大家。

來源

2011-09-06 enloz

沒有看到您的示例，或在jsfiddle（Mac上11.50）的問題：http://jsfiddle.net/EVhRz/ - 也許這是在不同的操作系統的Opera版本的差異？ – Jacksonkr

感謝您的重播。這不是jsbin或jsfiddle的問題（即使在jsfiddle中我也得到了相同的結果）。這只是一個演示。 [Here]（http://i53.tinypic.com/2i7bmut.png）是它的外觀截圖。但很高興知道在Mac上它工作得很好:) – enloz

我也可以在OS X Lion/Opera 11.50上確認這一點。但我認爲，這是Opera的渲染引擎的問題。 – atma

嘗試增加

#draggable { 
    display:inline-block; 

}

的CSS樣式。這對我的歌劇11.6

來源

2011-12-16 01:15:32

我認爲這是一個已經爲Opera 12修復的渲染引擎錯誤（適用於O12版本的WinXP）。

來源

2011-09-07 10:17:11 hallvors

謝謝，但Opera12最近發佈...我的麪糰，所有的Opera用戶已更新。我仍在尋找一些適當的解決方案。 – enloz

Opera 12仍處於測試階段，對此感到遺憾。然而，你可能會發現這樣的問題的任何解決方法將是一個黑客攻擊。你可以嘗試通過設置document.body.className或類似的東西來強制重畫文檔。如果您嘗試使用這種解決方法，我實際上會使用一些瀏覽器嗅探功能來將變通辦法限制爲只包含瀏覽器/版本以及您正在處理的已知問題。 – hallvors

jQuery的 - 可拖動DIV與影子 - 問題在Opera

回答

相關問題