由div隐藏的CSS3转换缩放图像

时间:2013-09-05 03:59:07

标签: css3 wordpress-theming css-transforms buddypress

我正在使用BuddyPress主题,其中将使用add_action="bp_before_blog_post"在padder div上浮动一些图像。在Linux / Firefox上,一切都按预期工作。变换扩展并与侧边栏重叠。

在Chrome和Safari上,图片会展开到侧边栏div,但随后会隐藏。我检查了BP-Default主题,侧边栏或padder div没有css overflow: hidden值。我检查了bp-default.css的每一行,并使用Chrome Web Developer和Firebug来检查实时css。

我无法尝试position:absolute,因为它需要浮动在博客文章的右侧。我设置jsfiddle以尝试显示行为,除非我创建了一个带有overflow:hidden的div我无法复制它。当您将鼠标悬停在右侧的底部图像上时,您可以清楚地看到剪辑。如果您需要查看CSS,我找到了一个BP-Default主题here的公共站点。

由于容器div确实有overflow: hidden,我想知道它是否被继承。如果是这种情况,当我执行overflow: transparent或完全删除主题时主题无法正常工作。

  • 你能找到图像在边栏div边缘被剪裁的位置/原因吗?
  • 有没有办法使用z-index或其他一些CSS方法破解?
  • Chrome / Safari上的这个错误是否会在div边缘剪辑,或者它可能是Firefox 23 Linux中的错误?

0 个答案:

没有答案