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会再次显示，旧项目仍可见。

这是纯粹的猜测，因为我无法在简单的情况下复制错误，但这是我最好的猜测。