CSS进阶（二十二）元素显隐

diaplay:none

如果是<img>，则所有浏览器都会请求资源

如果是background-image，则IE会请求，Firefox不会请求，有父元素包裹的且父元素设置display:none的不会请求

display:none并不影响表单提交数据，disabled会影响

H5新增的布尔值属性hidden,可以让元素天生display:none隐藏。ie11以下需要如下设置：

[hidden] {
 display: none;
} 

dispaly:none不会影响animation，但会影响transition，所以transition和visibility走的比较近

CSS计数器counter会忽略display:none的元素

visibility:hidden

不仅仅是保留空间这么简单

继承性：父元素设置，子元素也会隐藏，但子元素设置visibility:visable则子元素显示

 visibility不会影响计数器counter

t'ransition支持visibility属性，但不支持display属性

相比display:none，visibility:hidden在隐藏之后依然可以获得元素的坐标及宽高，利于js交互