发表于: 2020-03-28 20:49:25
1 1411
一,今天完成的内容
今天完成了结果页,实现了半透明,并且
学习了rgba和opacity的透明效果有什么不同
.rgba语法:div { background-color: rgba(255,0,0,1); }
a 表示透明度:0=透明;1=不透明;
Alpha参数为透明值,在0~1之间。RGBa 扩展了 RGB的颜色
rgba()是css中设置背景颜色中的一个属性。
.opacity语法: div { opacity: 1; }
value指不透明度。从0.0(完全透明)到1.0(完全不透明);
value 取值0~1,0为完全透明,1为完全不透明。默认是继承
父元素opacity属性,所以子元素会继承父元素的opacity属
性值,从而产生相同的效果。
他们俩的区别是rgba( )的作用对象是元素的背景颜色或
元素的颜色,其对象的子元素不能够继承它的透明度;
opacity的作用对象是元素,以及元素的所有内容,并且
其子元素能够继承它的透明度。
在做任务7的时候用到了z-index堆叠顺序,在一个盒子固定定位时,
下面的容器滚动覆盖了它,给他设置了z-index产生层叠上下文,
当然z-index只有在设置了position的情况下才生效。
做完了页面之后调试了代码,将三个页面链接起来,实现网页跳转。
二,明天准备总结任务中的知识点,还有一些bootstrap的使用方法,
三,在bootstrap中找到一些相近的功能组件套用时,如何添加一些
自定义的修改,感觉有些自定义的效果添加无效。
评论