css 背景图片自适应全屏显示_网页背景图片自适应

大家好,我是知秋君,一个会写博客吟诗的知秋码农。今天说一说css 背景图片自适应全屏显示_网页背景图片自适应,希望能够帮助大家进步!!! 自适应屏幕大小,撑满全屏(图片宽高比会随屏幕宽高比变化) 不随着滚动条滚动 . bg { background : url ( "~@/assets/images/主背景.png" ) ; position : fixed ; top : 0 ; left :

大家好,我是知秋君,一个会写博客吟诗的知秋码农。今天说一说css 背景图片自适应全屏显示_网页背景图片自适应,希望能够帮助大家进步!!!
  • 自适应屏幕大小,撑满全屏(图片宽高比会随屏幕宽高比变化)
  • 不随着滚动条滚动

.bg{ 

background: url("~@/assets/images/主背景.png"); position:fixed; top: 0; left: 0; width:100%; height:100%; min-width: 1000px; z-index:-10; zoom: 1; background-color: #fff; background-repeat: no-repeat; background-size: cover; -webkit-background-size: cover; -o-background-size: cover; background-position: center 0; }

只听到从知秋君办公室传来知秋君的声音:

十二峰头秋草荒,冷烟寒月过瞿塘。有谁来对上联或下联?
知秋君
上一篇 2024-07-03 15:31
下一篇 2024-07-03 15:31

相关推荐