js中如何背景图片设置为自适应div的大小

 时间:2024-10-12 07:51:36

1、首先将jQuery和背景图片引入项目中,hmtest1.html是要编写的HTML文件,如图,三个文件在同级目录中

js中如何背景图片设置为自适应div的大小

2、编写HTML文件,引入jQuery,在body中添加div,为div设置样式,代码如下

js中如何背景图片设置为自适应div的大小

3、页面显示结果如下

js中如何背景图片设置为自适应div的大小

4、下面使用js为div添加讳求藜派背景图片,即在JavaScript中添加代码:$("div").css({"background":"url(2.jpg)"});代码如下

js中如何背景图片设置为自适应div的大小

5、页面显示结果如下

js中如何背景图片设置为自适应div的大小

6、下面将图片设为自适应di箪滹埘麽v大小,即在JavaScript中添加代码:$("div").css({"background":"url(2.jpg)","background-size": "100% 100%"});代码如下

js中如何背景图片设置为自适应div的大小

7、页面显示结果如图所示

js中如何背景图片设置为自适应div的大小
  • HTML的列表样式
  • HTML网页如何完美的适配到移动设备上
  • css如何定义图片左边框的宽度
  • 如何使用HTML5中的aside元素定义侧边栏并展示
  • css怎么控制li和ul的距离
  • 热门搜索
    怎么用word画图 康乃馨的养殖方法和注意事项 重度脂肪肝的治疗方法 牛肉丝怎么炒才嫩 怎么申请企业邮箱 提高性能力的方法 浏览器兼容模式怎么设置 水银中毒怎么办 耳朵里流黄水怎么回事 肾结石最好的治疗方法