LEEYANGY

LEEYANGY 关注TA

拼搏百天,我要上湖工大!

LEEYANGY

LEEYANGY

关注TA

拼搏百天,我要上湖工大!

  •  wuhan
  • 学生
  • 写了50,616字

该文章投稿至Nemo社区   Js、Css、Html  板块 复制链接


HTML背景图片缩放相关问题

发布于 2021/06/29 13:48 590浏览 0回复 452

不希望图片会随浏览器缩放的改变而改变

使用css实现不缩放问题

------------------------

添加一个 div 标签

<div id="image"></div>

style中添加如下代码:

    #image{
position:absolute;
top:0;
left:0;
height:100%;
width:100%;
background-image:url("./imgs/bg01.jpg");
background-position: center 0;
background-repeat: no-repeat;
background-attachment:fixed;
background-size: cover;
-webkit-background-size: cover;/* 兼容Webkit内核浏览器 */
-o-background-size: cover;/* 兼容Opera */
zoom: 1;
}


图片来自社区 顺手偷过来用

点赞(0)
点了个评