我正在 http://asbjorn.org/ny/研究我的新在线作品集,我遇到了最奇怪的问题!
每次首次打开页面时,幻灯片放映的下一个和上一个按钮都不会显示。如果我打开检查器,它们会立即弹出,并且在重新加载页面时也会出现。
它们是非常标准的 html 元素,不是动态添加的,所以我不知道为什么会发生这种情况!当然,我不能让网站访问者重新加载页面只是为了看到它们。:/
我真的希望有人能帮助我! :)
更新:似乎这是仅限Chrome的问题。对我来说,它在Win7和OSX上的chrome中始终发生。我的一些朋友也有同样的问题(可能在osx上的chrome中)
所以我会试一试答案。当我在 Chrome 22 中看到问题并调出检查器时,我注意到 #previousLink
和 #nextLink
div 在损坏状态下的width
为 0。尝试在 CSS 中为它们设置显式宽度,或使嵌套图像使用 display: block
。
#previousLink { width: 31px; }
#nextLink { width: 37px; }
或
#previousLink img,
#nextLink img { display: block; }
我认为这些内联项目和您的overflow: hidden
规则的组合正在咬您。我想。这是一个棘手的错误!