发表于: 2018-11-06 20:56:12

2 741


今天完成的事情:

今天完成了任务7的第二个页面,花了差不多一整天的时间,所以没有时间学习其他的知识

明天计划的事情:

完成任务七的第三个页面

遇到的问题:

1、audio标签的使用

我在使用这个标签的时候,audio存在自己的样式,但是ui图上面明显不是这样的

然后我尝试修改他的样式,还在网上查了一些资料,也没有解决这个问题

然后在坑乎上面找到了解决办法,是把audio隐藏起来然后再旋转定位

但是好像有点取巧

2、隐藏的小图标采用了flex布局,但是与hover需要的display:none冲突

然后我在flex布局外面又套了一个div盒子,让这个盒子display:none

3、显示隐藏图标时,上下间距变大,

让父元素relative定位。然后子元素absolute定位,脱离普通文本流,然后发现这样会把header挡住,然后我又让header脱离文本流,通过z-index让他显示在前面。


返回列表 返回列表
评论

    分享到