可以看出cover属性是将扩大图片完铨覆盖块区,哪边短哪边就先覆盖然后按原图比例扩大;contain则是在原图完全包含在区块中的情况下,扩大到整个块区
6. 如何让一个div水平居Φ?如何让图片水平居中
可以看见图片默认情况下并不是水平居中的,由于img是行内元素所以可以在其父元素样式里添加text-align: center使其水平居中:
7. 如何设置元素透明? 兼容性?
opacity属性能够设置元素的不透明度取值为0~1,0完全透明1完全不透明。
可以看出opacity不仅让img元素透明,而且连红色邊框也会透明也就是说所有元素的不透明度都可以进行设置。
rgba()中的alpha通道也是对元素颜色进行不透明度设置不过仅作用在元素颜色或背景色。
opacity作用于元素以及元素内的所有内容的透明度。
可以看出rgba()作用于div的color属性,color属性用于设置内容的颜色所以只有test透明;而opacity作用于元素内所有内容,所以边框背景,文字都设置了透明
本文版权归作者和饥人谷所有,转载请注明来源