Sylvia的博客

问题：在设置CSS样式时，把元素opacity的数值设置为百分比，比如65%，在打包发布到环境上之后，发现元素消失了。查看style，发现其实是元素还存在，只是opacity数值变为1%，所以看起来好像消失了一样，且不管怎么修改设置都一直是1%解决方案：实际opacity的取值范围是0~1，所以应该设置为0.65；改为0.65后，发布到环境上，元素可见且opacity取值为0.65，问题解决...

1. display: none; 与 visibility: hidden; 的区别相同点：都能让元素不可见不同点：1) 渲染树display: none; 会让元素完全从渲染树（不是dom树）中消失，渲染的时候不占据任何空间；visibility: hidden; 不会让元素从渲染树中消失，渲染元素继续占据空间，只是内容不可见2) 属性是否可继承display: none; 是非继承属性，子孙节点消失由于元素从渲染树消失造成，通过修改子孙节点属性无法显示visibility:

@media screen and (min-device-width:992px) and (max-device-width:1200px ) { .container{width:970px}}