Safari的CSS问题（负边距？）

Question

我在Safari中遇到了这个问题： 我还创建了一个fiddle https://jsfiddle.net/hbadvb02/6/ 进行尝试。

在Edge、IE、Chrome和Firefox中可以正常工作，但我真的不理解，让人感到非常沮丧。 我已经尝试使用-webkit-transform: translate3d(0, 0, 0);，但没有效果。

- user2940867

---

在我的电脑上，fiddle 只会产生一个空白屏幕，底部有“Utenti online”块。 - Mr Lister

是的，抱歉我没有说明清楚。这是我的错。点击“Utenti Online”，然后点击“Pippo”或“Pluto”。 - user2940867

Answer 1

问题在这里：

.zchead {
  margin-left: -1px;
  margin-top: -26px;
  height: 32px;
  width: @zc-width - 1px;
  line-height: 26px;
  background: @zc-background;
  padding: 2px 7px;
  cursor: pointer;
  text-transform: capitalize;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  position: fixed;
}

尝试移除固定位置，应该可以正常工作（未经测试）

- icy