CSS图像对齐/ Safari问题

Question

我正在使用Dreamweaver设计一个网站，我在调整菜单栏方面遇到了一些问题。我正在使用在Photoshop中设计的图像，然后导出到Dreamweaver。图像将位于横幅的中心，因为它包含指向网站其他页面的链接。我很难将中心对齐。它需要在图像中间对齐，而不是图像的左边缘。我一直在CSS中使用这段代码： 位置：固定; （菜单栏需要始终位于顶部，即使滚动时也是如此） 顶部：0px; 左：50％; 保证金权利：-50％ transform：translate（-50％，0％）;

这适用于谷歌浏览器，但在Safari上它不起作用。图像仍然与图片的左边缘对齐。 任何帮助将不胜感激。 我也试过使用margin-left：50％;而不是变换，似乎没有效果。

Answer 1

您是否尝试过使用前缀？

-webkit-transform: translateX(-50%); 
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);