2016-04-29 62 views
0

因此,目前,我的網站在Chrome 28及更高版本上按鈕按鈕按預期工作。我注意到它產生與這些下面的屬性的iframeTwitter關注按鈕在Chrome 27及更低版本中未按預期工作

<iframe id="rufous-sandbox" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true" style="position: absolute; visibility: hidden; display: none; width: 0px; height: 0px; padding: 0px; border: none;"></iframe> 

這是在主體元件的底部加入;然而,在Chrome 27及以下版本中,它將它添加到頭標和身體標籤之間。此外,它還添加了ID,並強制它「推」下身體元素,因此頂部有一個大的空白區域。

在Chrome中27及以下:

<head>...</head> 
<iframe>..</iframe> 
<body>...</body> 

In Chrome 27

我該如何解決這個問題?我嘗試將相同的樣式添加到任何iframe元素,但這不起作用。該twitter腳本是在body元素,也許我把它放在錯誤的地方?是否應該在head

+0

沒見過這個。你能提供一些這樣的代碼示例嗎?或者指向發生這種情況的網站? –

+0

@MrLister http://fusionvr.space是我的網站 – ZachPerkitny

+0

哇。我在Windows XP VirtualBox上安裝了Chromium 20,但該頁面使其崩潰。 「chrome.exe [3056]中發生未處理的win32異常。」這是在iframe插入主體之前。奇怪的是,在Chromium 6中,崩潰和問題都沒有出現。(後者在Linux VB中運行) –

回答

0

我建議你回去Twitter和獲得它的代碼,這是我的代碼.....

<a href="https://twitter.com/GetBorealis" class="twitter-follow-button" data-show-count="false">Follow Us!</a> 
<script async src="//platform.twitter.com/widgets.js" charset="utf-8"></script> 
+1

他們給你你自己的twitter頁面的代碼在https://publish.twitter.com –

+0

另外**請給我鏈接到您的網站,以便我可以自己測試** –

+0

該網址已經在問題的意見 – Blag