javascript - JavaScript-> CSS:display =“” ;?

原文 标签 javascript css css3 dom animation

编辑:

对于似乎无法理解我的意思的那些人,我能够找到有关默认/初始/自然显示here的另一个问题。



在JavaScript中,可以使用以下代码概述设置元素的默认显示:

 whateverElement.style.display="";


如果运行此代码时whatElement的显示为“ none”,则根据浏览器的默认呈现,现在它将自然变为自然状态。

如果whatElement是没有先前匹配的CSS规则来定义其显示的DIV,则当其JavaScript display属性设置为“”(空白)时,其显示将默认为其自然显示,即“ block”。

我的问题是,我希望通过JavaScript通过为它们分配一个类来使用CSS3动画,某些动画使得必须知道元素的自然显示。

在Google Chrome Canary中,我注意到显示属性“ auto”不存在。

还有另一种创建CSS3动画的方法,可以将display属性设置为元素的“默认”或“自动”显示?

一些例子...

 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-widthmax-height或两者都可以很好地解决问题。

关于javascript - JavaScript-> CSS:display =“” ;?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18553443/

相关文章:

javascript - 隐藏和显示点击事件中的点击项

javascript - js如何传递长参数内联?

javascript - 是否可以从then()返回值?

javascript - 切换类无法在jQuery中的悬停中工作

css - jQuery datepicker selectMonth/year CSS失败,与引导冲突

html - 为什么过渡无法正常工作- Safari

css - CSS:在除最后一个以外的所有div上添加管道

javascript - 有什么理由为什么json会在评估时返回字符串中的最后一个对象

javascript - 为什么此switch语句失败?

javascript - 三列布局,内容在下一列继续