Safari css 问题（负边距？）

Question

我在 Safari 中遇到这个问题：

我还创建了一个 fiddle https://jsfiddle.net/hbadvb02/6/ 来玩这个。

它可以在 Edge、IE、Chrome 和 Firefox 中使用……我真的不明白。很郁闷。

我尝试使用 -webkit-transform: translate3d(0, 0, 0); 但没有。

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;
}

尝试删除固定位置，它应该可以工作（未测试）

Safari css 问题（负边距？）

Safari css issues (negative margin?)

html

css

safari

margin