雅安论坛

标题: 背景图片的响应式设计含有代码 [打印本页]
作者: 匿名    时间: 2021-8-22 22:23
标题: 背景图片的响应式设计含有代码
背景图片的响应式设计含有代码
  1. <style>
  2.         * {
  3.             margin: 0;
  4.             padding: 0;
  5.         }
  6.         .bg-img {
  7.             position: fixed;
  8.             top: 0;
  9.             left: 0;
  10.             width: 100%;
  11.             height: 100%;
  12.             background: url('./img/login-bg-1.0899ffa6.jpg') no-repeat;
  13.             -webkit-background-size: cover;
  14.             -moz-background-size: cover;
  15.             -o-background-size: cover;
  16.             background-size: cover;
  17.             z-index: -1;
  18.             -ms-filter:"progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/login-bg-1.0899ffa6.jpg', sizingMethod='scale')";
  19.             filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./img/login-bg-1.0899ffa6.jpg', sizingMethod='scale');
  20.         }
  21.     </style>
  22. </head>
  23. <body>
  24.     <div class="bg-img"></div>
  25. </body>
复制代码





欢迎光临 雅安论坛 (https://www.yaanbbs.net/) Powered by Discuz! X3.4