background
2025年3月18日小于 1 分钟
background
/* 规定要使用的背景颜色 */
background-color: transparent;
/* 规定背景图像的位置 */
background-position: 0% 0%;
/* 规定背景图片的尺寸 */
background-size: auto auto;
/* 规定如何重复背景图像 */
background-repeat: repeat;
/* 规定背景图片的定位区域 */
background-origin: padding-box;
/* 规定背景的绘制区域 */
background-clip: border-box;
/* 规定背景图像是否固定或者随着页面的其余部分滚动 */
background-attachment: scroll;
/* 规定要使用的背景图像 */
background-image: none;
Q:隐藏元素的background-image 到底加不加载?
A:
- 一个元素,如果 display 计算值为 none 。Firefox 浏览器不会发送图片请求,Chrome 和 Safari 浏览器去加载。
- 如果是一个元素的父元素的 display 计算值为 none,则背景图不会请求,此时浏览器或许放心地认为这个背景图暂时是不会使用的。