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