Home >Web Front-end >HTML Tutorial >Asking for basic css questions! _html/css_WEB-ITnose
How to fill the entire page with a background image in CSS, so that the image does not move when sliding, and only the content moves? Thank you!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title></head><body><style type="text/css">body { background-image:url(http://avatar.profile.csdn.net/E/C/F/2_t5500.jpg); background-repeat: repeat; background-attachment:fixed;}</style><div style="height:10000px;">TEST</div></body></html>
Abbreviation:
body { background:url(http://avatar.profile.csdn.net/E/C/F/2_t5500.jpg) repeat fixed;}
background-attachment:fixed;
Thank you!