今天完成的事情：

1.完成任务七（还差一个播放器没办法用图片实现播放）
明天计划的事情：

2.查看实现透明的几种方法

{ display: none; /* 不占据空间，无法点击 */ } 

{ visibility: hidden; /* 占据空间，无法点击 */ } 

{ position: absolute; top: -999em; /* 不占据空间，无法点击 */ } 

{ position: relative; top: -999em; /* 占据空间，无法点击 */ }

{ position: absolute; visibility: hidden; /* 不占据空间，无法点击 */ }

{ height: 0; overflow: hidden; /* 不占据空间，无法点击 */ } 

{ opacity: 0; filter:Alpha(opacity=0); /* 占据空间，可以点击 */ } 

{ position: absolute; opacity: 0; filter:Alpha(opacity=0); /* 不占据空间，可以点击 */ }

{ zoom: 0.001; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); transform: scale(0); /* IE6/IE7/IE9不占据空间，IE8/FireFox/Chrome/Opera占据空间。都无法点击 */}

{ position: absolute; zoom: 0.001; -moz-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); /* 不占据空间，无法点击 */}

遇到的问题：

1.没法用图片实现播放器的播放。

我开始是把播放器拖到和图片重合，然后隐藏播放器这种笨方法实现这个功能，可是却会把价款body的宽度。放弃这个方法。

2.两个块元素中间有缝隙，margin：0。

在下面div盒子添加overflow:hidden消除。

收获：

今天进度太慢，没做太多的事情。