* { margin:0; padding:0; } html,body { height:100%; overflow:hidden; } #wrap { position:fixed; right:0px; left:0px; width:50px; height:50px; margin:200px auto; } #wrap > .inner { height:100%; } #wrap > .inner > img { position:absolute; left:0; top:0; margin:4px; border-radius:50%; } #wrap > .home { position:absolute; left:0; top:0; z-index:1; width:100%; height:100%; background:url(http://www.jq22.com/img/cs/500x500-6.png) no-repeat; border-radius:50%; transition:1s; }