CSS
![[php框架] Smarty基础商品教程 Smarty入门教程 Smarty框架教程 共10课](https://jy.tp.yuanmeng.life/uploads/images/20210319/f47dc487eb949895833cd962fddc6a8b.jpg)
附件
body {
background: url(test.jpg) center;
background-size: cover;
-ms-behavior: url(backgroundsize.htc);
behavior: url(backgroundsize.htc);
}cover属性
把背景图像扩展至足够大，以使背景图像完全覆盖背景区域。背景图像的某些部分也许无法显示在背景定位区域中。
background-size polyfill 虽然可以模拟 background-size 属性，但并不能完全模拟，毕竟 background 方式和 img 方式还是有区别的，主要的支持情况如下：
支持
<ul ><li>背景图像的正确位置和大小</li><li>浏览器缩放时及时更新</li><li>更新图片（替换等）时及时更新</li></ul>
不支持
<ul ><li>多个背景（多重背景）</li><li>4 个值的 background-position</li><li>背景重复</li><li>非默认值的 background-[clip/origin/attachment/scroll]</li></ul>
由于 background-size polyfill 需要进过复杂的计算，所以可能会出现图片“一闪”的情况。并且 .htc 文件还不能跨域，使用 CDN 的需要注意。
点击下载 <a href='https://jy.tp.yuanmeng.life/jquery/demo/208/css/backgroundsize.htc'>backgroundsize.htc</a>
*
回帖描述：*
链接类型：*
下载链接：
验证通过自动获取下载链接
*
描述：*
回帖描述：*
链接类型：*
阅读权限：*
下载链接：
微信客服
QQ客服
QQ群
