全尺寸背景图像

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了全尺寸背景图像相关的知识，希望对你有一定的参考价值。

  1. /* css */
  2. #bg {
  3. 	position:fixed;
  4. 	top:-50%;
  5. 	left:-50%;
  6. 	width:200%;
  7. 	height:200%;
  8. }
  9. #bg img {
  10. 	position:absolute;
  11. 	top:0;
  12. 	left:0;
  13. 	right:0;
  14. 	bottom:0;
  15. 	margin:auto;
  16. 	min-width:50%;
  17. 	min-height:50%;
  18. }
  19.  
  20. /* html */
  21. <div id="bg">
  22. 	<img src="images/background.jpg" alt="Background Image" />
  23. </div>

以上是关于全尺寸背景图像的主要内容，如果未能解决你的问题，请参考以下文章

背景图像全尺寸

全尺寸背景图像

全尺寸背景图像到 SVG 路径

html 响应全尺寸图像/背景视差效果JQuery插件

如何在颤动中更改容器小部件中的背景图像

安卓朋友圈背景显示不全