javascript - 在调整大小之前不会出现元素(Safari 浏览器)

Question

我有一个类为 btn-getInfo-Ok 的元素

<button class="btn-getInfo-Ok">Hello</button>

样式.css

.btn-getInfo-Ok {
  color:white !important;
  margin: 0  auto !important;
  height:50px;
  bottom:0;
  position:absolute;
  width:50px;
  left: 0;
  right: 0;
}

该按钮在 chrome 上完美显示，但是当我在 Safari 上运行它时，该按钮不会出现，直到我调整窗口大小。我还注意到，如果我删除

bottom:0

在 btn-getInfo-Ok 类中，这两个浏览器都没有出现这个问题。

请帮忙

我试过 $('window').resize() 也不管用

Answer 1

这为我解决了:

$('#parentOfElementToBeRedrawn').hide().show(0);

Force DOM redraw/refresh on Chrome/Mac