IE7問題

Question

我的工作與簡單的jQuery效果的網站上，像顯示，隱藏...

http://emilione.altervista.org/works.html

本頁面效果很好用IE8，FF3.6和Chrome 5，但也有IE7的一些問題。

如何重現該問題：上的「x」拇指

-Click - >相對於滑塊的內容被示出在相同的拇指
-Click - >內容消失上「Y
-click 「拇指 - >內容」x「和」y「一起出現（」x「圖像帶有」x「文字，」y「圖像帶有」y「文字）

錯誤預覽：yfrog.com/ngproblemaxj http：//）

如果不清楚，我想用相應的文本顯示1個人個人雙重。 在鏈接的屏幕截圖中，您可以看到兩個圖像，一個在另一個之上！使用IE8開發人員工具（IE7瀏覽器模式）css diplay屬性似乎設置正確，但我注意到「jQuery1281468352670」，「sizcache」和「sizset」屬性在html視圖中的存在。

我無法找到一個解決方案，我希望您的幫助，特別是「works.js」文件中的「Preview（）」功能。

感謝

（對不起，我的英文不好）

Answer 1

目前，它看起來像你有.desc設置如下：

.desc { 
    width: 50px; 
    height: 30px; 
} 

然而，這是不夠的，包含的內容，所以瀏覽器必須猜測。現代瀏覽器會猜測正確，IE7不會。而不是嘗試以下操作：

.desc { 
    width: 100%; 
    height: auto; /* Or just leave the height out entirely */ 
} 

至於我的測試進行，這應該解決您的IE7的問題，並有更現代的瀏覽器沒有任何影響。

更新

至於jQuery的顯示/隱藏的問題，我最好的猜測如下。並且它是猜測。

我想你應該嘗試扭轉線

$("#works").hide(); 
$("div","#works").hide(); 

這是可能，在第二行，IE（6對我來說，7你），在#works着眼於div秒，由於#works已被隱藏，因此將它們解釋爲隱藏，因此不費心設置它們的顯示值。然後，當您單擊另一個項目時，#works會再次顯示，舊項目仍可見。

這是純粹的猜測，因爲我無法在簡單的情況下複製錯誤，但這是我最好的猜測。