发表于： 2017-03-07 20:15:30
2 716
今天完成的任务
1.css实现了任务7页面一的四个小点，主要就是border-radius：50%；
2.页面二插入音频，目前只能实现自动播放。
3.页面三的底部半透明的实现。
4.任务八切图完成，公共的顶部基本完成。
明天计划的事情
1.完成任务八三个页面的公共顶部和底部。
2完成第一个技能树主页的页面。
遇到的问题
1.设置背景透明
Opacity这个属性是css的标准属性，除了不能够兼容IE8以下之外，兼容性良好。但是设置这个之后，子元素的透明度也会随之更改，
而且在子元素内重置这个属性为1也不能改变。
简单的解决方法
1）把背景图片设置为一张有透明度的png图片，兼容性好，但是会多出一张图片来。
2）background-color用rgba表示颜色，最后一位就是表示透明度，不会覆盖子元素的样式，rgba兼容性也算比较良好，只有IE8及以下的浏览器不兼容。
2.
设置音频的播放
用还html5的audio标签，这个标签有几个属性，为了方便我直接用了autoplay，加载网页直接自动播放，其他还有如controls这个显示播放器自主控制播
放，loop控制循环的，preload控制何时加载音频。
问题：如何更改音频播放器的样式，或者用css实现button控制。
收获
对于bootstrap的栅格用法有了新的认识，自己以前运用的太死板了。
了解了rgba，opacity等。
返回列表
评论