2、关于居中
1)如果一个div是一个正方形区域(高等于宽),2)而且是百分比的形式(固定形式很简单对不对),3)没有文字,4)且要求居中。可以这样写:position:absolute;width:50%;height:0;padding-bottom: 50%;left:50%;top:50%;transform: translate(-50%, -50%);background: url('a.png');background-size:100% auto;z-index:101;
这样写的奥秘在于padding-bottom是按照宽度的百分比计算的,所以高等于高。结果是一个居中的正方形。
3、关于子级父级透明度的问题
在定位的情况下,(其他情况没有试过),如果像以下的写法,父级元素的透明度会影响到子级元素.parent{rgb(0,0,0);opacity:0.6}
正确的做法是:
.parent{rgb(0,0,0,0.6)}