CSS 图片 aligning/Safari 问题
CSS Image aligning/Safari Issue
我正在使用 Dreamweaver 设计一个网站，但在对齐菜单栏时遇到了一些问题。我正在使用在 Photoshop 中设计的图像，然后导出到 Dreamweaver。该图像位于横幅的中央，因为它包含指向网站其他页面的链接。我很难将其居中对齐。它需要与图像的中间对齐，而不是与图像的左边缘对齐。我一直在 CSS 中使用这段代码来这样做：
位置：固定； （菜单栏需要始终位于顶部，即使在滚动时也是如此）
顶部：0px；
左：50%；
右边距：-50%
转换：翻译（-50%，0%）；
这对 Google Chrome 有效，但在 Safari 上无效。图像仍然与图片的左边距对齐。
任何帮助将不胜感激。
我也尝试过使用 margin-left: 50%;而不是转换，这似乎不起作用。
你试过前缀吗？
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
我正在使用 Dreamweaver 设计一个网站，但在对齐菜单栏时遇到了一些问题。我正在使用在 Photoshop 中设计的图像，然后导出到 Dreamweaver。该图像位于横幅的中央，因为它包含指向网站其他页面的链接。我很难将其居中对齐。它需要与图像的中间对齐，而不是与图像的左边缘对齐。我一直在 CSS 中使用这段代码来这样做： 位置：固定； （菜单栏需要始终位于顶部，即使在滚动时也是如此） 顶部：0px； 左：50%； 右边距：-50% 转换：翻译（-50%，0%）；
这对 Google Chrome 有效，但在 Safari 上无效。图像仍然与图片的左边距对齐。 任何帮助将不胜感激。 我也尝试过使用 margin-left: 50%;而不是转换，这似乎不起作用。
你试过前缀吗？
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);