Question

我需要知道在非CSS3兼容浏览器上使用display: initial时会设置什么值/ css？

我正在使用display:none＆amp;隐藏课程需要显示回来，我打算使用display: initial（如果以前是display:block，我不想使用display:inline）但隐藏的元素必须在所有浏览器上显示。

Answer 1

CSS 2.1 rules on error handling以及实践中发生的事情是忽略声明display: initial，而不影响样式表的其余部分。因此display属性从其他规则获取其值。如果在任何样式表（包括浏览器默认样式表）中没有任何设置，则使用初始值inline。

编辑问题时的“后备”代码意味着display的值在支持值inline和inline的浏览器中为block其它浏览器。这听起来不安全。

值initial确实不意味着“样式表中设置的先前值”或类似的东西，因为问题似乎是假定的。相反，它表示在CSS规范中指定为属性初始值的值。对于display，这是inline。

Answer 2

好的，我发现提供后备将是一个更安全的选择。所以我使用如下：

{
display: block;// just as fallback
display: initial;
}

Answer 3

有＆＃34;磨合＆＃34; W3C Schools page

中解释的显示属性的值

修改 Internet Explorer支持run-in值，并解释该元素是块级还是内联级。

我做了一个例子jsFiddle Example。