发表于: 2017-04-23 17:45:56
1 927
今天完成的事情:1、完成任务七投票结果的页面编码,使用rgba让页脚的底色为半透明,但里面的按钮不会跟着半透明。
2、学习rgba和opacity的区别,
.rgba{ background: rgba(255,0,0,0.5); }
.opacity{ background: red; opacity: 0.5; }
明天计划的事情:将任务七知识点再复习,准备任务8的学习。
遇到的问题:修改投票页面时雪碧图在屏幕分辨率缩小时没有变化,后来请教师兄,有两种办法:1、不同屏幕使用不同尺寸的雪碧图。
2、设置background-size的百分比尺寸,background-position也使用百分比定位,同时通过width和padding-top的百分比来
调整图片显示。但是用起来不熟悉。
收获:完成了任务七结果页面的编写,对rgba和opacity深入理解。
评论