html - 图标位于Chrome和Firefox中，但不位于Safari中

我的横幅图像下方的首页上有4个图标，这些图标以Chrome和Firefox居中显示，但在Safari中居中。我还遇到浏览器依赖项问题，其中的横幅图片号召性用语“ Tours”。它在Chrome和Safari上均显示按钮边框，但在Firefox上均不显示。

有人知道这些问题之一可能会给我带来什么问题吗？

我的网站是：http://foodforlifetours.com/

横幅图片上的号召性用语按钮的代码：

<style>
#front-page-button-2:hover {
background-color:#0f0f0f !important;
}
</style>

<a href="http://foodforlifetours.com/tours/" id="front-page-button-2" style="background:none;  font-size:20px !important; border:1px solid white !important; text-shadow: 2px 2px black !important; color:white !important" class="button large">Tours</a>

最佳答案

您需要删除以下样式：

transform: translate(-50%, -50%);
position: absolute;
top: 50%;
left: 50%;

从：

.vc_icon_element.vc_icon_element-outer .vc_icon_element-inner .vc_icon_element-icon

关于html - 图标位于Chrome和Firefox中，但不位于Safari中，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/29245144/