css - JavaScript/CSS Image Scroller IE7 问题

标签 css internet-explorer-7 scroller

我正在尝试获取一个图片库来滚动其缩略图,使用 css 和 javascript 呈现。它适用于所有最新的浏览器,IE8、Firefox、Safari 和 Chrome,但在 IE7 中无法充分呈现。

我已经阅读了很多关于 overflow: hidden 和 IE7 的文章,它需要在容器中使用 position:relative,但它似乎没有按照应有的方式呈现我的页面。

缩略图容器根据其包含的缩略图数量分配固定宽度。滚动条和所有行为都像它应该的那样,但 IE 会在页面上显示水平滚动条,即使 child 被隐藏。

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

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

最佳答案

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

在vsig.css中添加

div#vsig_thumbs_container {
    overflow:hidden;
<head>

删除

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

移动您的内联 CSS 到您的 CSS 文件。或者,如果 PHP 正在生成您页面的那部分内容,请让它在您的 JavaScript 标记之后生成。

关于css - JavaScript/CSS Image Scroller IE7 问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/5055262/

相关文章:

javascript - jQuery 悬停滚动,只需要一点帮助

html - 悬停时链接文本颜色

html - 如果 DIV 在 jQuery-ui 选项卡下,则 jscrollpane 轨道会超过 DIV 边界

css - :hover pseudo-class of CSS does not work in IE7

javascript - Textarea 在 IE7 中不呈现

android - 线性布局中的滚动条

javascript - 如何使用 CSS 为 JS 和 jQuery Scroller 修复侧边栏和标题

c# - ASP CSS 页脚问题

html - 如何使用 CSS 将文本定位在图像上

windows - IE6 和 IE7 独立版 : What do they render differently?