<a id="hikaru" href="###"><span>蓝泽光</span></a>
#hikaru { color: rgb(85, 187, 238); font-weight: bold; font-size: 19px; display: block; width: 400px; height: 240px; background: transparent url(http://img3.tuchuang.org/uploads/2014/09/hikaru_large_wb.jpg) no-repeat; margin: 0 auto; } #hikaru span { display: block; width: 460px; height: 200px; padding: 20px; text-indent: -500em; background: transparent url(http://img1.tuchuang.org/uploads/2014/09/hikaru_large.jpg) no-repeat; opacity: 0; -webkit-transition: opacity 0.4s ease-in 0s; -o-transition: opacity 0.4s ease-in 0s; -moz-transition: opacity 0.4s ease-in 0s; transition: opacity 0.4s ease-in 0s; } #hikaru:hover span { opacity: 1; }