CSS或jQuery問題：網站行爲不正確

轉到我的新網站(link redacted)的此測試版。如果將鼠標懸停在其中一個彩色方塊上，彈出一個àPanic的Coda彈出框，但有兩個問題：CSS或jQuery問題：網站行爲不正確

a）彈出窗口中的文本未顯示。它是使用下面的代碼編程設置爲:)：

$('td.middle', this).text(':)');

td.middle是類中間單元
this的是一個參考$('.info').each()

使用可能要使用的檢查工具如Firebug for Firefox或Safari或Google Chrome中包含的工具。

二）雙方都截掉：

http://grab.by/syE http://grab.by/syE

我認爲這是由於這樣的：
http://grab.by/syW http://grab.by/syW

出於某種原因，雙方已經計算width小號1px的，因爲反對

.bubbleInfo .popup td.corner { 
position: inherit; 
height: 15px; 
width: 19px; 
}

19px在01中定義

你可以抓住這裏(link redacted)所有文件的ZIP文件。

非常感謝。我知道這是很多要問的。

來源

2009-11-11 Alexsander Akers

在FireFox中，我在彈出窗口中看到了:)。它離開了中心（基本上它已經離開），但它在那裏。 – 2009-11-11 15:10:08

這很有趣。我也看到了這一點（看着Firefox）。我會在後面添加一個'text-align：center'，但我想這並不能解決它爲什麼不在Safari中顯示或爲什麼剪輯。在Chrome瀏覽器中查看，文本不顯示。我想知道是什麼讓它在Firefox中顯示不同。 – 2009-11-11 15:15:40

如果是Firefox，我會看到Frank所做的一樣。在IE8中，不存在的彈出窗口是您最不擔心的問題 - 首先，只顯示最右邊的彩色框（橙色/黃色框），並且該頁面提供腳本錯誤。（對象不支持此屬性或方法，jquery.classes.js第1行字符311.） – Martha 2009-11-11 15:16:31

:)表格的容器div的寬度正在剪切:)表格彈出窗口的邊。如果將.info類的寬度從32更改爲更大（我做了width:80px），則會看到整個彈出窗口。或者，您可以將.popup的寬度（或最小寬度）更改爲大約50px，這樣可以修復它們而不會扭曲彩色框的大小。

至於:)正在丟失，我能夠通過在.middle類中設置text-indent:0使其出現。這對FireFox沒有不良影響，並在Chrome中修復它。

來源

2009-11-11 15:18:37

但我們仍然不知道爲什麼'：）'文本只出現在Firefox中。 – 2009-11-11 15:21:52

我發現看到整個彈出窗口的最小寬度爲50px。我嘗試在.info上設置溢出，但它沒有幫助。如果我將.popup類設置爲50px的寬度，那麼也需要調整邊距或其他內容以使彈出窗口再次居中。 – 2009-11-11 15:29:37

但爲什麼'：）'只顯示在Firefox中？有任何想法嗎？這是困難的部分。 – 2009-11-11 16:17:19

CSS或jQuery問題：網站行爲不正確

回答

相關問題