CSS讓div層懸浮在最上方

來源:互聯網
上載者:User

效果如下:


這裡是使得一張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;}


相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.