我正在开发一个 BuddyPress 主题,其中将有一些图像漂浮在 padder div 上,使用add_action="bp_before_blog_post"
. 在 Linux/Firefox 上,一切都按预期工作。变换展开并与侧边栏 div 重叠。
在 Chrome 和 Safari 上,图像扩展为侧边栏 div,但随后被隐藏。我已经三次检查了 BP-Default 主题,并且侧边栏或 padder div 没有 cssoverflow: hidden
值。我检查了 bp-default.css 的每一行,并使用 Chrome Web Developer 和 Firebug 来检查实时 css。
我不能尝试 aposition:absolute
因为它需要浮动在博客文章的右侧。我设置了一个jsfiddle来尝试显示该行为,除非我创建了一个overflow:hidden
无法复制它的 div。当您将鼠标悬停在右侧底部图像上时,您可以清楚地看到剪辑。我在这里找到了一个带有 BP-Default 主题的公共站点,如果您需要查看 css。
由于容器 div 确实有overflow: hidden
我想知道它是否被继承。overflow: transparent
如果是这种情况,当我这样做或完全删除它 时,主题无法正常工作。
- 你能找到图像在侧边栏 div 边缘的位置/原因吗?
- 有没有办法使用 z-index 或其他一些 CSS 方法来淘汰?
- 这是 Chrome/Safari 上的一个错误,可以在 div 边缘剪辑,或者可能是 Firefox 23 Linux 中的一个错误,它没有?