CSS图像对齐/Safari问题
提问于 2015-05-10 08:08:53
我正在设计一个使用Dreamweaver的网站，我在调整菜单栏方面遇到了一些问题。我使用Photoshop设计的图像，然后导出到dreamweaver。该图像将在横幅的中心，因为它包含链接到其他网页的网站。我有困难中心对着这个。它需要在图像的中间对齐，而不是在图像的左边边缘对齐。我一直在使用CSS中的代码来完成以下操作:位置:固定；(菜单栏需要始终位于顶部，即使是滚动)顶部:0 0px；左: 50%；边距-右：-50%转换:转换(-50%，0%)；
这一直适用于谷歌Chrome，但在Safari上却不起作用。图像仍然按照图片的左边边缘对齐。任何帮助都将不胜感激。我还试过使用“左边框”：50%，而不是“变换”，这似乎行不通。
回答 1
Stack Overflow用户
回答已采纳
发布于 2015-05-10 08:18:07
你试过用前缀吗？
-webkit-transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/30153567
复制相关文章
腾讯云开发者
