<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>sunshine</title> <style> *{ padding: 0; margin: 0; } div{ width: 100%; height: 100%; position: fixed; margin: 0 auto; text-align:center; background: url("http://images.cnblogs.com/likecs_com/heyiming/947284/t_sky.jpg") no-repeat; background-size: 100% 100%; } span{ height: 100%; display: inline-block; vertical-align: middle; } img{ vertical-align: middle; } </style> </head> <body> <div> <span></span> <img src="https://images.cnblogs.com/likecs_com/heyiming/947196/t_a.jpg" alt=""/> </div> </body> </html>