4

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

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

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

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

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

4

1 回答 1

3

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

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

或者

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

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

于 2012-09-27T20:22:06.847 回答