编辑:
对于那些似乎不明白我的意思的人,我可以找到关于默认/初始/自然显示的另一个问题 here .
在 JavaScript 中,可以使用以下代码大纲设置元素的默认显示:
whateverElement.style.display="";
如果运行此代码时 whateverElement 的显示为“无”,则根据浏览器的默认呈现,它现在将自然显示。
如果 whateverElement 是一个 DIV,之前没有匹配的 CSS 规则来定义其显示,那么当它的 JavaScript 显示属性设置为“”(空白)时,它的显示将默认为自然显示,即是“ block ”。
我的问题是,我希望通过 JavaScript 为它们分配一个类来使用 CSS3 动画,一些动画需要了解元素的自然显示。
在 Google Chrome Canary 中,我注意到显示属性“auto”不存在。
是否有另一种方法可以创建 CSS3 动画,将显示属性设置为元素的“默认”或“自动”显示?
一些例子...
div{display:inline;} //all divs to be displayed "inline"
div#specific{display:auto;} //#specific to be displayed BLOCK, disregarding the previous CSS rule.
最佳答案
您无法转换 display
属性。无论如何,这意味着什么?也许您想要转换 opacity
属性。您可以转换 visibility
属性,但由于这是一个是或否的问题,因此它只是在转换期结束时打开或关闭可见性。
对于您想要做的事情,转换 max-width
或 max-height
或两者都可以很好地实现这一目的。
关于JavaScript->CSS : display ="";?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18553443/