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

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

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

样式文件

.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() 也不起作用

最佳答案

这为我解决了:

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

Force DOM redraw/refresh on Chrome/Mac

关于javascript - 元素在调整大小之前不会出现(Safari 浏览器)，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/34795201/