z-index与定位固定的浮动按钮不起作用。

在HTML中，z-index属性用于定义元素的堆叠顺序。但是，z-index属性对于定位为fixed的元素和浮动元素并不起作用。这是因为定位为fixed的元素和浮动元素都是独立于文档流的，它们不会影响其他元素的布局。

要解决这个问题，可以将浮动按钮放在一个定位为relative的父元素中，并将z-index属性应用于父元素。这样，父元素将成为浮动按钮的容器，并且可以通过z-index属性控制其堆叠顺序。

以下是示例代码：

HTML:

<div class="container">
  <div class="floating-button">Button</div>
</div>

CSS:

.container {
  position: relative;
  z-index: 1;
}

.floating-button {
  position: fixed;
  bottom: 20px;
  right: 20px;
  z-index: 2;
}

在这个示例中，我们创建了一个带有class为container的父元素，并将其定位为relative，并将z-index设置为1。然后，我们创建了一个带有class为floating-button的子元素，并将其定位为fixed，并设置了适当的位置。最后，我们将子元素的z-index设置为2，以确保它位于父元素之上。

通过这样的设置，z-index属性将应用于父元素，而不是浮动按钮本身，从而实现了我们的目标。