CSS讓div層懸浮在最上方

這裏是使得一張div裏面的圖片懸浮在了地圖的上方，css代碼如下

.tl {
width: 240px;
height: 193px;
position: absolute;/*這裏一定要設置*/
z-index: 999999;/*這裏是該元素與顯示屏的距離，據說越大越好，但是我也沒有看到效果，因爲沒有它也是可以的*/
margin-top: 20%;
margin-left: -209px;
background-image :url("/ship_three/images/tl.png");
-webkit-transition: .5s ease-in-out;/* css的transition允許css的屬性值在一定的時間內從一個狀態平滑的過渡到另一個狀態 */
-moz-transition: .5s ease-in-out;/*這裏爲了兼容其他瀏覽器*/
-o-transition: .5s ease-in-out;
background-image: url("/ship_three/images/tl.png");
}

加上這下面的代碼，可以有一個動畫效果

.tl:HOVER {
margin-left: 0px;
}