Question

我的首页上有4个图标，位于横幅图片下方，以Chrome和Firefox为中心，但在Safari中偏离中心。我还遇到了横幅图片号召性用语＆＃34; Tours＆＃34;的浏览器依赖性问题。它在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>

Answer 1

您需要删除这些样式：

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

图标以Chrome和Firefox为中心，但不是Safari

1 个答案: