0

IE バージョン < 10 ではプロパティをdisplay使用できないという2 つのルールがあります。次のコードを使用しています。display

Comments(<fb:comments-count href="http://mypage"/></fb:comments-count>)

その結果、次のようになります。

Comments(<fb:comments-count href="http://mypage" fb-xfbml-state="rendered" class=" fb_comments_count_zero">
    <span class="fb_comments_count">
        10
    </span>
</fb:comments-count>)

このCSSで：

.fb_comments_count {
    display: inline;
}

.fb_comments_count_zero {
    display: inline;
}

以下が表示されます。

Comments(
10
)

それ以外の

Comments(10)

私も変えてみました

display:inline

に

display:inline-block

しかし、それは機能していません。

私が抱えている他の問題は、私が使用するときですdisplay:none。実際、IE<10 ではスタイリングした内容が隠されませんが、IE10、chrome、opera、firefox ではその問題はありません。

どうすればこれを修正できますか?

PS 私は JavaScript を使用しないことを好みます。なぜなら、JavaScript が無効になっていても自分のサイトの見栄えを良くしたいからです。

4

4 に答える 4

0

CSS でアンダースコアの代わりにダッシュを使用しています。

.fb-comments-count {
    display: inline;
}

次のように変更してみてください。

.fb_comments_count {
    display: inline;
}
于 2013-04-22T12:40:10.577 に答える
0

Internet Explorer は、認識していない要素のスタイルを設定しません。そのため、HTML5 シム JavaScript があります。IE に新しい HTML5 要素を通知します (DOM に挿入します)。他のブラウザでは、この問題は発生しません。

于 2013-04-22T12:49:01.640 に答える
0

最終的に FBML がどのようにレンダリングされるかは完全にはわかりませんが、古い IE はカスタム タグを認識せず、CSS を適用しないため、これが問題になる可能性があります。タグを IE に「登録」する必要があります。

また、スパン内の改行を避ける必要があります。

<span class="fb_comments_count">10</span>

適用しようとしない場合、これで最初の問題が解決する可能性がありますwhite-space:nowrap;。

于 2013-04-22T12:49:36.810 に答える
0

つまり、これをcssに追加しようとするべきではないブレーキラインに常に問題がありました

空白:nowrap;

それでもうまくいかない場合は、どうなるか教えてください。
私は以前にieでこれらの問題を抱えていたので、あなただけではありません。
また、fb タグを ap タグでラップしてから、選択したスタイルを p タグに追加してみてください。

于 2013-04-22T12:50:08.407 に答える