在Chrome中的第一页加载时，html元素意外地不可见

Question

我正在http://asbjorn.org/ny/处理我的新在线作品集，我遇到了最棘手的问题！

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

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

我真的希望有人可以帮助我！ ：）

更新：似乎只是一个镀铬问题。对我来说，它在Win7和OSX上的chrome中始终如一。我的一些朋友也有同样的问题（可能是osx上的chrome）

Answer 1

所以我会抓住答案。当我在Chrome 22中看到问题并且我打开检查器时，我注意到#previousLink和#nextLink div在处于损坏状态时的width为0。尝试在CSS中为这些设置显式宽度，或者使嵌套图像使用display: block。

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

或

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

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