以Chome和Firefox爲中心但不包含Safari的圖標

我的頭版圖像下方有4個圖標，顯示在Chrome和Firefox上，但在Safari中偏離中心。我還有一個瀏覽器依賴項問題，標題圖片調用「Tours」。它在Chrome和Safari上顯示按鈕邊框，但不顯示Firefox。以Chome和Firefox爲中心但不包含Safari的圖標

任何人都知道我的問題可能出現在這些問題之一中嗎？

我的網站是：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>

來源

2015-03-24 synchroni_city

什麼是你的sa fari和firefox版本？ – cch 2015-03-25 00:07:29

@cchacholiades safari v。是8.0.4，firefox是v。36.0.4 – 2015-03-25 00:09:20

是的，我正在使用mac。 – 2015-03-25 00:10:15

您需要刪除這些樣式：

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

來源

2015-03-25 00:20:47

這似乎沒有跨瀏覽器的任何問題。問題的一部分，我認爲你遇到的問題是你使用的圖標字體是繼承了其中一個容器div的text-align：center。像獅子座建議的那樣去掉位置絕對值並且繼承文本align：center似乎可以修復它。 – skooliano 2015-03-25 00:35:45

太棒了！這工作。任何想法是什麼問題與邊框沒有出現在Firefox的呼籲行動按鈕是什麼？ – 2015-03-25 00:38:08

我在firefox上看到邊框v 36.0.4 – 2015-03-25 01:44:40

以Chome和Firefox爲中心但不包含Safari的圖標

回答

相關問題