发表于: 2016-08-16 23:27:18
1 1359
今天完成的事:
1.重新修改Task6-3投票页;
2. 实现雪碧图加载图片,并能自适应;
3.利用audio标签添加背景音乐。
明天计划的事:
1.开始Task7;
2.在Task7用雪碧图加载图片。
今天遇到的问题:
1.刚开始用background-position定位雪碧图时用从PSD里量的尺寸去写,发现不行,然后随便用百分比瞎试,算是把要显示的图片弄到相应的位置了,但是图片两边边缘有乱入的东西,原因大概知道父元素按百分比算的宽度有误差,图片本身按照百分比算的也有误差。
2.用DIV和li嵌套雪碧图时,一开始图片不显示,原因是父级的DIV或li只有宽度,没有高度,加上高度之后,图片就显示了。
3. 用<audio class="play" src="music.mp3" autoplay="autoplay" loop="loop"></audio> 添加背景音乐,没有实现按钮点击来控制播放或停止,是要js才能实现?
收获:
1.了解雪碧图的原理和使用,打个比方,网页是一块布,布上有个很多孔,然后你拿了一张纸,所有的图片都在这张纸上,你拿着纸在那块布的底下移动让对应的图片在对应的孔里露出来。这次是在师兄推荐的网站上合成雪碧图,然后一个一个调位置来显示,在图片较少的情况下,这样操作是可以得,如果图片多了,就得按照攻略师兄写的自动修改CSS文件的方法?
2.背景图片嵌套在DIV或其他table或li里,大小100%,父级元素自适应,图片会跟着自适应;
3. 用<audio class="play" src="music.mp3" autoplay="autoplay" loop="loop"></audio> 添加背景音乐。
(背景音乐里持续的不断的笑声是什么鬼)
评论