1

私はウェブサイトで Facebook のようなボックスを使用していますが、すべてのブラウザーでうまく表示されます。英語版はサファリに表示されますが、アラビア語版の Web サイトの Facebook のようなボックスはグレーのボックスの外側に表示されますが、内側に表示されます。これは、サファリ 5.1.4 を使用しているサファリでのみ発生します。これがCSSの問題なのか、CSSプロパティで修正する方法なのかはわかりません.いくつかのプロパティを変更しようとしましたが、うまくいきませんでした.

この点で助けに感謝します

4

2 に答える 2

2

私はそれを次のように解決しました：

FBページで[コードを取得]を押すと、3つの選択肢があります。3番目の選択肢は、IFRAMEである私たちの問題に最適です。プロジェクトにコピーして貼り付けた後、style属性にposition：relativeを追加します。

例：

<iframe src="..." scrolling="no" frameborder="0" style="position:relative; 
border:none; overflow:hidden; width:240px; height:558px;" 
allowTransparency="true">
</iframe>
于 2012-06-19T12:27:22.777 に答える
0

何が原因なのかはよくわかりませんが (iframe のコンテナーには position:relative があるため)、iframe に position:absolute があることが原因のようです。からそのプロパティを削除します

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

問題を解決しているようです (少なくとも、Firefox と Safari の両方で正しく表示されます)。

于 2012-04-30T09:21:12.753 に答える