发表于： 2017-03-02 23:50:37
3 549
任务进展：
1：使用hover选择器增加了鼠标悬停变手形的要求，测试成功。师兄批评了元素class命名问题，然后做了修改。
2：光顾着用PS切任务5需要的图了，切好之后根据展示效果排列了页面元素的基本结构，未有时间去解答深度思考的问题，明天补上。
遇到问题：
在看任务5展示效果时，发现护工页面的头像是在圆圈里面的，而圆圈内部区域是有颜色的，这说明圆圈图层位于头像图层的下方，在切图时发现实际头像图层中人形是超出了圆圈区域的，这样就产生一个问题：如果用PS将头像与圆圈都完整切出来用在网页布局时，会产生左下图的结果
这与展示效果不符。因此我自己主动将这两张图合并，反选删除掉圆区域外部，得到右上的图，直接用于网页中。如果不需如此便可以在网页中得出展示的效果，还请师兄解答。
还有就是在切图时发现头像位置还隐藏着左下的一张图片，不知作何使用，要实现什么功能，还请师兄解释。
明日计划：
1：回答深度思考的问题
2：完成任务5的布局代码并测试。
收获：
学习了使用PS将两个图层合并，反选删除得出自己需要的图片。学习了flex布局及其排列属性和对齐属性等。
返回列表
评论