Question

是否有可能进行css过渡，导致一个div的宽度在另一个div上展开而不是将其移开？

Answer 1

是的，这是可能的，这里是HTML和CSS

HTML：

<body>

  <div class="overlord"></div>
  <div class="target"></div>

</body>

CSS：

.target
{
  z-index:-1;
  position:fixed;
  left:120px;
  width:100px;
  height:100px;
  background:blue;
}

div.overlord
{
  float:left;
  z-index:999;
  width:100px;
  height:100px;
  background:red;
  transition:width 2s;
  -webkit-transition:width 2s; /* Safari */
}

div.overlord:hover
{
  z-index:999;
  width:300px;
}

JSFIDDLE

使css过渡滑过另一个容器的顶部

1 个答案: