HTML 元素在 Chrome 中加载第一页时意外不可见



我正在 http://asbjorn.org/ny/研究我的新在线作品集,我遇到了最奇怪的问题!

每次首次打开页面时,幻灯片放映的下一个和上一个按钮都不会显示。如果我打开检查器,它们会立即弹出,并且在重新加载页面时也会出现。

它们是非常标准的 html 元素,不是动态添加的,所以我不知道为什么会发生这种情况!当然,我不能让网站访问者重新加载页面只是为了看到它们。:/

真的希望有人能帮助我! :)

更新:似乎这是仅限Chrome的问题。对我来说,它在Win7和OSX上的chrome中始终发生。我的一些朋友也有同样的问题(可能在osx上的chrome中)

所以我会试一试答案。当我在 Chrome 22 中看到问题并调出检查器时,我注意到 #previousLink#nextLinkdiv 在损坏状态下的width为 0。尝试在 CSS 中为它们设置显式宽度,或使嵌套图像使用 display: block

#previousLink { width: 31px; }
#nextLink { width: 37px; }

#previousLink img,
#nextLink img { display: block; }

我认为这些内联项目和您的overflow: hidden规则的组合正在咬您。我想。这是一个棘手的错误!

最新更新