JavaScript / CSS Image Scroller IE7问题

时间:2011-02-20 04:34:30

标签: css internet-explorer-7 scroller

我想要一个图像库来滚动它的缩略图,用css和javascript渲染。它适用于所有最近的浏览器,IE8,Firefox,Safari和Chrome,但在IE7中无法正常呈现。

我已经阅读了很多关于overflow:hidden和IE7,它需要一个位置:容器中的相对,但它似乎不像我们应该的那样呈现我的页面。

缩略图容器获得相对于其包含的缩略图数量分配的固定宽度。滚动条和所有操作都应该如此,但IE将在页面上显示水平滚动条,即使隐藏了子项。

我不知道该怎么办才能解决这个问题。

http://www.photographiem.com/index.php?option=com_content&view=article&id=49&Itemid=59

1 个答案:

答案 0 :(得分:0)

我看到所有拇指都悬停在按钮上。

在vsig.css中添加

div#vsig_thumbs_container {
    overflow:hidden;

<head>

删除

<!--[if IF 7]>width:auto; //这对你不利。您需要在容器上使用固定宽度。

将内联CSS移动到您的CSS文件。或者,如果PHP正在生成页面的这一部分,请在JavaScript标记之后执行此操作。