0

我有 2display条无法使用的规则我无法使用displayIE 版本 < 10 的属性，我正在使用以下代码：

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

我不完全确定 FBML 最终是如何呈现的，但较旧的 IE 无法识别自定义标签并且不会将 css 应用于它们，所以这可能是问题所在。您需要将标签“注册”到 IE。

此外，您应该避免跨度中的换行符：

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

如果不尝试应用，这已经可以解决您的第一个问题white-space:nowrap;。

于 2013-04-22T12:49:36.810 回答
0

即刹车线一直存在问题，不应尝试将其添加到您的CSS

空白：nowrap；

如果这不起作用，请告诉我会发生什么。
我以前也遇到过这些问题，所以不仅仅是你。
还可以尝试将您的 fb 标签包装在 ap 标签中，然后将选择的样式添加到 p 标签。

于 2013-04-22T12:50:08.407 回答
0

Internet Explorer 不会为它不知道的任何元素设置样式。这就是为什么有 HTML5 shim javascript 的原因；通知 IE 新的 HTML5 元素（将它们插入 DOM）。其他浏览器不会有这个问题。

于 2013-04-22T12:49:01.640 回答
0

您在 CSS 中使用破折号而不是下划线。

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

尝试将其更改为：

.fb_comments_count {
    display: inline;
}
于 2013-04-22T12:40:10.577 回答