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} }