发表于： 2019-04-01 21:08:54
1 775
今天完成的事情：
1.完成任务7各页面和处理细节。比如hover的显示效果，audio的样式，以及各页面的连接。
明天计划做的事情：
1.完成深度思考。
2.进行任务8.
遇到的问题：
1.hover的显示。一开始是考虑使用display:none还是visibility: hidden,由于考虑到占位和样式保持的问题，选用了visibility: hidden。写好了之后发现，样式没有写进目标元素中，又去重新看了伪类的写法以及自己写dome验证，然后改了下类名才把hover写好。
2.audio的样式。了解了audio元素之后写了dome试了一下，发现很难修改默认的样式，考虑到不使用JS，就很取巧的把audio隐藏，使得图片在播放按钮上，把图片伪装成了播放按钮。
3.背景透明但内容不透明。一开始用opacity，发现会把内容也一起透明，后面百度一下，改成用rgba()，这个麻烦一点，不过只是对背景或者图片透明，比较符合日常使用。
收获：
1.对伪类的使用有了更深入的了解。
2.了解的audio元素。
3.了解了使元素透明的两种方式，opacity和rgba()。
返回列表
评论