发表于: 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中找到一些相近的功能组件套用时,如何添加一些

       自定义的修改,感觉有些自定义的效果添加无效。



返回列表 返回列表
评论

    分享到