Question

我正在使用Bootstrap 3框架，他们使用的列似乎为我做了很多内容的中心

使用css

.test {
  position: absolute;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
  opacity:0;
  transition: opacity 0.5s ease;
}

在具有相对位置的div内。

在Firefox中运行良好，想知道需要添加什么才能在safari中使用它。我知道有一个浏览器特定的CSS可以添加以实现跨浏览器兼容性

Answer 1

我遇到了同样的问题，我用webkit前缀修复了它：

.test {
  position: absolute;
  z-index: 9;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  opacity:0;
  transition: opacity 0.5s ease;
}

Answer 2

为了摆脱这些问题，我建议你使用这样的javascript库：

http://leaverou.github.io/prefixfree/

您可以在不添加浏览器前缀的情况下愉快地编写css代码，前缀就可以为您完成！

垂直居中一个绝对div

2 个答案: