visibility:hidden和display:none的区别;rgba和opacity 的区别

visibility:hidden和display:none的区别:
visibility:hidden; 不脱离文档流的隐藏,占用原来的位置,在页面上视觉看不到,visibility具有继承性,给父元素设置visibility:hidden;子元素也会继承这个属性。但是如果重新给子元素设置visibility: visible,则子元素又会显示出来.display没有继承性。
display:none; 脱离文档流的隐藏,不占原来的位置,在页面上彻底消失
rgba和opacity 的区别:
两者都可以设置透明度
rgba(red,green,blue,transparent);
opacity:0~1 0代表全透明,1代表不透明
rgba只让当前颜色透明;而opacity可以让元素包括元素内部所有与颜色相关的都透明

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 1024 设计师:白松林 返回首页