Question

我有2个display规则，我无法开始工作我无法使用IE版本的display属性＆lt; 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＆lt; 10并没有隐藏我的造型，但是IE10，Chrome，opera和firefox都没有这个问题。

我该如何解决这个问题？

P.S。我更喜欢不使用JavaScript ，因为即使禁用了javascript，我也希望自己的网站看起来不错。

Answer 1

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

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

尝试将其更改为：

.fb_comments_count {
    display: inline;
}

Answer 2

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

Answer 3

我不完全确定FBML最终是如何呈现的，但是较旧的IE不识别自定义标签并且不会将css应用于它们，因此这可能是问题所在。您需要"register" the tags to the IE。

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

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

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

Answer 4

即制动线一直存在问题，不应该尝试将其添加到您的css

空白：NOWRAP;

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

CSS - 显示属性与IE无法正常工作

4 个答案: