CSS3变换比例覆盖悬停时的另一个元素

我有一个blog元素，它有两个子元素：。blog header（包含背景图像）和.blog body。。将鼠标悬停在.blog标题上时，我希望图像能够完美缩放。但问题是：图片占据了博客主体应该占据的空间

这是我的密码：

.blog{
背景：白色；
边缘顶部：20px；
边框顶部：3倍主实体；
边框底部3倍实心#eee；
}
.blog.blog标题{
溢出：隐藏；
z指数90；
}
.blog.blog header.blog bg header{
高度：275px；
背景位置：中心；
背景尺寸：封面；
过渡：0.25秒缓进缓出；
}
.blog.blog头。blog-bg头：悬停{
光标：指针；
转换：比例（1.3）；
}
.博客正文{
余量：-60px20px20px；
填充：20px 20px 10px 20px；
背景：白色；
z指数100；
}

你在
上的
z-index
。博客正文
将无效，因为你没有给它一个位置

.blog-body {
  margin: -60px 20px 0 20px;
  padding: 20px 20px 10px 20px;
  background: white;
  z-index 100;
  position: relative; <!-- ADD THIS
}


你在
上的
z-index
。博客正文
将无效，因为你没有给它一个位置

.blog-body {
  margin: -60px 20px 0 20px;
  padding: 20px 20px 10px 20px;
  background: white;
  z-index 100;
  position: relative; <!-- ADD THIS
}


你在
上的
z-index
。博客正文
将无效，因为你没有给它一个位置

.blog-body {
  margin: -60px 20px 0 20px;
  padding: 20px 20px 10px 20px;
  background: white;
  z-index 100;
  position: relative; <!-- ADD THIS
}


你在
上的
z-index
。博客正文
将无效，因为你没有给它一个位置

.blog-body {
  margin: -60px 20px 0 20px;
  padding: 20px 20px 10px 20px;
  background: white;
  z-index 100;
  position: relative; <!-- ADD THIS
}


谢谢，伙计。它确实有效。其实就这么简单，哈哈，伙计。它确实有效。其实就这么简单，哈哈，伙计。它确实有效。其实就这么简单，哈哈，伙计。它确实有效。其实就这么简单，哈哈