• 综合案例第三天


    今天我们接着前两天继续做案例,今天给我的感觉,老师讲的都能听懂,当时也都能写出来,但到晚上自己从头再来写一遍时,就有点蒙,自己串起来就有点难度了,有些地方要想好久。单个知识点都能掌握,但有时就是衔接不上,可能就是我们还敲的代码太少。今天我敲代码过程中也遇到了一些问题。

    1:对于定位元素的层级,之前可能没怎么用,用起来还不是很熟练,今天我也遇到bug了,两个元素层叠了,一个就是显示不出来,自己想了很久,也没想出来,后来问老师了,老师一说,你上面的层级比下面的小,就显示不出来了,瞬间感觉其实也很简单。

    2:今天用到了让背景透明,内容不透明,background:rgba(0,0,0,0),四个0是调节透明度的。

    3:相邻元素的层级,两个边宽相邻,相邻的部分是普通的两倍,要怎么让他显示一整个正常一个边框。

     下面是仿用淘宝上的样式:   

    * {
    margin: 0;
    padding: 0;
    }
    div {
    200px;
    height: 500px;
    border: 10px solid blue;
    float: left;
    /*margin-right: 10px;*/
    margin-left: -10px;
    position: relative; /*定位了的元素,默认的都会有层级的概念,而且默认的层级都是0*/
    }
    div:hover {
    border-color: red;
    position: relative;
    z-index: 1;
    }

  • 相关阅读:
    [bzoj3999] [TJOI2015]旅游
    [bzoj3143] [HNOI2013]游走
    [bzoj3140] [Hnoi2013]消毒
    [bzoj3142] [HNOI2013]数列
    [bzoj4860] [BeiJing2017]树的难题
    [bzoj2599] [IOI2011]Race
    [bzoj1558] [JSOI2009]等差数列
    [bzoj3626] [LNOI2014]LCA
    [bzoj4011] [HNOI2015]落忆枫音
    JQuery
  • 原文地址:https://www.cnblogs.com/cykblogs/p/5705665.html
Copyright © 2020-2023  润新知