-
haha查看全部
-
1111查看全部
-
看起来好神奇的样子查看全部
-
之前想到将整个大容器添加一个遮罩层的思想是错误的，当鼠标悬停，大容器的遮罩层的透明度不为0，即便此时对单列表容器的遮罩层设置透明度也无法消除大容器的遮罩层所带来的影响，正确的做法应该是，对每个列表使用遮罩层，在鼠标悬停时: .wrap:hover .mask{opacity:0.15} .wrap:hover .mask:hover{opacity:0} 这样做就不会出现叠加效应，因为都是对一个样式进行的设置，这里还要对比权值查看全部
-
list-style列表前缀查看全部
-
遮罩层的实现步骤： 1)在每个父容器下absolute定位一个大小相同的子容器，设置背景色并将透明度设置为了0，这样看上去遮罩层就隐形了 2)当鼠标滑过一项列表时，要使除该项以外其它列表有阴影，可对大容器设置遮罩层，当鼠标悬停时，opacity为非零值，而将列表容器的.wrap:hover div设置成透明度为0，这里值得注意的是hover应该用在哪里查看全部
-
遮罩层的实现： 在每个父容器里使用absolute定位一个子容器，由于该容器没有显示内容所以看上去并没有什么变化，但如果设置hover效应在添加背景样式就会有效果了，这里的明暗度就是通过设置子容器添加背景颜色，还要注意的是需要对其设置透明度，不然的话背景色会覆盖之前的内容就起不到明暗效果了查看全部
-
遮罩层的暗度是通过控制遮罩层颜色来控制的不是通过opacity实现的，opacity只是起到控制透明度而不是明暗度查看全部
-
经过测试发现，如果某元素使用absolute定位，而其长辈元素有多层使用relative属性，那么其参照物应该选择离其最近的长辈容器查看全部
-
关于relative和absolute的共用，如果元素使用absolute定位，那么其参照物是body容器，而不是其父容器，但是一旦给其父容器添加relative属性其参照物就成了父容器查看全部
-
对标签设置宽度width=0且显示一条边框可实现线条功能查看全部
-
权值的重要性： .wrapper li a:hover .mask{ opacity:0;} .wrap：hover .mask{opacity:0.15}由于前者的权值是大于后者的所以当鼠标悬浮，对应的元素暗度为0而不是0.15，这就是使用后代选择器的好处查看全部
-
关于文字部分的绝对定位，之所以是要用绝对定位的原因有两个也正是绝对定位的两大特点：1 为了文字在父容器的右上角显示 2 使后面的元素不受文字定位前位置的影响，即消散之前的位置不占据空位查看全部
-
opacity透明度查看全部
举报
0/150
提交
取消