我正在尝试获取一个图片库来滚动其缩略图,使用 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/