CSS設計問題與Safari瀏覽器像Facebook的框

我在網站上使用Facebook Likebox，它很好地在所有瀏覽器自動啓動，即使英文版本在Safari瀏覽器正確，但阿拉伯語版本的網站Facebook像框出現在灰色框外，而它應該是內。這隻發生在我使用safari 5.1.4的safari中。而且我不知道這是一個CSS問題或如何與CSS屬性來解決，因爲我試圖改變一些屬性，但它沒有工作CSS設計問題與Safari瀏覽器像Facebook的框

幫助的感謝您在這方面

來源

2012-04-30 Learning

我不太清楚導致它的原因（因爲iframe的容器確實具有相對位置），但它似乎是由於iframe具有絕對位置。從

.fb_iframe_widget iframe { 
    /* position: absolute; */ 
}

刪除該屬性似乎解決了問題（至少，它正確地顯示無論是在Firefox和Safari）。

來源

2012-04-30 09:21:12 salgiza

我不能，如果我在評論把它覆蓋的屬性。我做了什麼是我添加了「.fb_iframe_widget iframe {position relative;}」在iframe的Main wrapper div標記之後的CSS，這樣我就可以覆蓋該屬性。現在它在所有瀏覽器中正確顯示。感謝您指出問題所在。 – Learning

@KnowledgeSeeker，我有同樣的問題，你能否更清楚你是如何解決它的。我試圖在我的樣式表中放入.fb_iframe_widget iframe {position relative;}，但仍然無法工作。如果需要，一些代碼會很有幫助，事先要感謝。 – Samidjo

@Samidjo，我在阿拉伯語版本中遇到了這個問題，因爲阿拉伯語有RTL方向。你有沒有類似的問題。只是告訴你，我用Twitter取代FB。如果我記得我在答案評論部分中建議解決問題。 – Learning

我解決它如下：

當您按下獲取代碼在FB page，你有3種選擇，第三個是最適合我們的問題，這是IFRAME。在將其複製/粘貼到您的項目後，請將位置：相對添加到樣式屬性。

例子：

<iframe src="..." scrolling="no" frameborder="0" style="position:relative; 
border:none; overflow:hidden; width:240px; height:558px;" 
allowTransparency="true"> 
</iframe>

來源

2012-06-19 12:27:22 Samidjo

CSS設計問題與Safari瀏覽器像Facebook的框

回答

相關問題