Safari + jQuery thickbox =大量視覺故障？

我需要幫助確定什麼是我的生產網站之一嚴重的視覺故障的原因。它只發生在Safari - Chrome和所有其他瀏覽器都很好。Safari + jQuery thickbox =大量視覺故障？

http://www.philanthropicdirectory.org/search

這是一個Drupal 6.x的網站，運行同時下列：

的jQuery 1.3.2
的jQuery 1.4.4（這用於
（Drupal的鹼/默認）這裏和那裏通過覆蓋jQuery命名空間爲'$ js'某些高級操作1.3.2無法處理）
jQuery UI 1.7.3
Thickbox 1.8.2.19（我已經稍微dified這個.js文件）

重現：

點擊鏈接（訪問該頁面）：http://www.philanthropicdirectory.org/search
單擊兩次（一次中心）上的任何5 '的CoverFlow' 面板觸發Thickbox內容
加載TB內容後，水平向左或向右調整瀏覽器窗口的大小
注意奇數背景圖像和背景色偏移
來取消，然後重新檢查任何CSS屬性右上方在任何時候，使用網絡督察任何的5「標籤」圖標之間
切換，隨時隨地
注意如何瞬間清除/修復所有視覺故障
再次調整瀏覽器窗口或其他選項卡之間的選項卡，並注意毛刺返回。

如果你注意到我是同樣的事情，那麼得到你的機器配置和Safari版本會很棒。

之前
調整
的互聯

後後的圖像說這一切，而據我可以測試，我只能重現在下面的設置S-問題，使用Safari：

的MacPro，6核Xeon（2010）
OS X 10.6.8
2監視器：1×23" 影院顯示器（舊銀一個）+ 1x 27英寸Apple Cinema Display
ATI Radeon HD 5770（Mac版本w/01.00。436驅動程序）
的Safari 5.1+

我測試過的其他機器和其他機器與早期版本的Safari瀏覽器（4.x版）的，以及存在的問題是根本不存在。

有什麼你認爲我可以測試，找出爲什麼發生這種情況？

PS：一次只使用一臺顯示器會產生相同的問題。

來源

2011-10-12 atwixtor

我剛剛在MacPro上安裝了Safari 5.0.3，並且存在相同的問題。這導致我進一步認爲它是一個圖形卡問題或其他軟件錯誤。 – atwixtor

回家並檢查了我的10.6。8 Macbook Pro與Safari 5.1（6534.50） - 相同的問題，不同的視頻卡和硬件。這意味着它絕對不是硬件。也許是一個10.6.x的問題... – atwixtor

雖然人們看看這個，你會推薦什麼其他論壇或支持網站我發佈此問題？ Safari漏洞？蘋果？ WebKit的？ – atwixtor

解決方案！

我注意到我們已經建立的另一個網站發生這種情況 - 一個網站與Drupal的一個與這裏的問題沒有共同之處，除了這個新的也有一個Flash（SWF）文件在body，並且我將CSS屬性應用於值爲負的z-index值的元素。

正是在這個新網站發生，因爲在HTML中object容器設置爲

z-index: -1;

爲了定位重疊的object可以點擊（否則，在頂部鏈接元素object無法與之交互）。

我能永久修復它通過，而不是設置上的object

z-index: 1; /* or anything > 0 */

頂部定位任何元素鑑於解決方案，我追殺的任何和所有「的z-index：-1 「Drupal網站上的CSS，果然在每個選項卡上都顯示了一個Thickbox容器中的元素 - 綠色的」SEARCH「輸入按鈕。這是因爲視覺需要（與按鈕上的假內部陰影有關）而設計的。

我禁用了整個z-index屬性用於此元素，LO-和不料，funkiness 永久消失Drupal的網站上。

萬歲！毫無疑問，我在另一個網站上更加敏銳地看到了同樣的問題。

現在我不確定在沒有進行過緊張測試的情況下Safari中的確切錯誤，但我所知道的是，頁面上的object +它附近的任何元素設置爲z-index: -1等於總崩潰（在Mac運行Safari 5.x）。

來源

2011-12-30 16:36:41 atwixtor

請注意，在我遇到解決方案的新網站上，絕對沒有運行Javascript *。因此我從原始問題中刪除這些標籤。 – atwixtor

我在運行Windows 7的HP Xeon上檢查了Safari 5.1（7534.50）。我沒有看到任何故障。

這很奇怪。聽起來像是某種競爭條件。也許你的ATI驅動有錯誤？由於它在重新渲染時會自行修復，因此您可能會在某處引入一些延遲，這可能會讓它有更多時間進行正確渲染？

來源

2011-10-12 19:36:58

謝謝 - 我會繼續打開，而我繼續檢查。我擔心的是隻有Safari有這個問題。 Chrome基於相同的渲染引擎，並沒有問題，這導致我相信這是一個系統配置或軟件錯誤。此外，只要我在Safari中觸摸Inspector，無論我正在投入什麼，事情都會立即恢復正常顯示。 – atwixtor

感謝您的檢查。我只在我的Windows 7 Parallels虛擬機上運行Safari 5.1.1（7534.51.22），並且沒有任何故障。 – atwixtor

Safari + jQuery thickbox =大量視覺故障？

回答

相關問題