2016-06-19 59 views
1

我爲我的品牌beppo設計了一個靜態網站(www.beppo.in),並將它託管在Git上。爲什麼不在Firefox中加載錨鏈接?

看到這裏行爲的比較在Firefox和Chrome:

Screenshot comparison

的網頁正常打開Chrome瀏覽器,但在Firefox中的圖像錨鏈接被隱藏,火狐增加了一些垃圾價值的class屬性。即便如此,爲了理解多個類的元素,該對象應該正確呈現。但由於某些原因,這些元素是隱藏的。

該網頁可能看起來有點棘手(我想給設計留下一個印象),並且我剛剛完成了網站的5%,所以善良地承擔了我的業餘編碼技能,因爲我沒有遵循任何編碼慣例,因爲我正在嘗試設計。

查看div_snds以下的img元素的檢查結果;注意class="changesrc kybykzzeojjrekictcig"

<div id="div_snds"> 
<span class="label">Find us on:</span> 
<a href="http://www.facebook.com/beppo.in" target="_blank" class="tooltip"><span class="small">facebook.com/beppo.in</span><img class="changesrc kybykzzeojjrekictcig" id="imgFb" src="images/fb.png" draggable="false" onmousedown="return false;" alt="FB" onmouseout="this.src='images/fb.png';" onmouseover="this.src='images/fb_link.png';"></a> 
<a href="http://www.twitter.com/BeppoIndia" target="_blank" class="tooltip"><span class="small">twitter.com/BeppoIndia</span><img class="changesrc kybykzzeojjrekictcig" id="imgTwt" src="images/twitter.png" draggable="false" onmousedown="return false;" alt="TWT" onmouseout="this.src='images/twitter.png';" onmouseover="this.src='images/twitter_link.png';"></a> 
<a href="https://www.google.com/+BeppoIndia" target="_blank" class="tooltip"><span class="small">google.com/+BeppoIndia</span><img class="changesrc kybykzzeojjrekictcig" id="imgGplus" src="images/gplus.png" alt="GPLUS" draggable="false" onmousedown="return false;" onmouseout="this.src='images/gplus.png';" onmouseover="this.src='images/gplus_link.png';"></a> 
<a href="http://www.instagram.com/beppo.in" target="_blank" class="tooltip"><span class="small">instagram.com/beppo.in</span><img class="changesrc kybykzzeojjrekictcig" id="imgIns" src="images/instagram.png" draggable="false" onmousedown="return false;" alt="INSTA" onmouseout="this.src='images/instagram.png';" onmouseover="this.src='images/instagram_link.png';"></a> 
<a href="http://www.beppoblog.wordpress.com" target="_blank" class="tooltip"><span class="small">beppoblog.wordpress.com</span><img class="changesrc" id="imgWord" src="images/wordpress.png" alt="WORDP" draggable="false" onmousedown="return false;" onmouseout="this.src='images/wordpress.png';" onmouseover="this.src='images/wordpress_link.png';"></a> 
</div> 

我困惑,如果是因爲Git的作爲主機或我的業餘編碼技能或任何其他意外的外部問題?

如果有人遇到類似的問題並已成功克服它,請幫助我。

+2

我在Firefox上,我可以看到您在Chrome中看到的具體內容,可能是將Firefox更新爲最新版本或清除本地存儲,以便重新加載樣式等等。 –

+0

可能是,但我也在我的朋友的個人電腦中看到了同樣的問題。我不能要求所有的網站用戶更新他們的Firefox的權利?有沒有一個原因,爲什麼這發生在Firefox單獨?其他人有沒有想過? –

+0

感謝您的努力@AngelosChalaris :-) –

回答

1

神祕的類kybykzzeojjrekictcig正在通過廣告屏蔽擴展程序添加。它的名字是隨機生成的。

您可以通過在Firefox中重現問題來測試此問題,然後禁用您正在運行的任何廣告屏蔽擴展程序,並嘗試再次重現該問題。

您也可以使用Firefox中的開發工具(或Chrome,如果您發現相同的問題發生在那裏),並找到由於kybykzzeojjrekictcig或類似的隨機命名的神祕類而應用於元素的樣式。您應該看到如下內容:

display: none !important; 
visibility: hidden !important; 
opacity: 0 !important; 
background-position: 1px 1px; 
相關問題