发表于： 2017-03-03 23:54:40
1 509
- 今天完成的事情：把任务7的第三页完成了一半
遇到的问题：因为bootstrap没有理解，用bootstrap来排版的时候，宽度被定在了1142，所以顶上的header也用了1142来盖住顶上的jumbotron，请教了师兄，原来这个页面只需要用到
col-xs-4 col-sm-4 col-md-4这个可以让页面在过窄的时候DIV不换行。
显示角色的DIV我用的一个大div包着两个小的div，
显示角色的界面，用一个大DIV，然后用
overflow-y:scroll;
overflow-x:hidden;
来添加滚动条，第一条是用来显示滚动条，第二条是用来隐藏纵向的滚动条，然后来设置滚动条的样式
::-webkit-scrollbar {这个用来设置滚动条的宽度
::-webkit-scrollbar-thumb{
background: white;
border-radius: 10px;
}
这个用来设置滚动条的圆角，和滚动条的背景色。
背景音乐的播放，我设置成了自动播放，然后隐藏了播放的框体。
<audio src="财富自由.mp3" autoplay="autoplay"></audio>
就剩用hover实现显示雪碧图。
收获：了解了bootstrap的网格系统，还有滚动条样式的设置和背景音乐的插入。
返回列表
评论