Jquery 如何让所有图像全屏显示？

我想知道是否有一种方法，使所有的图像全屏

使用浏览器调整大小的唯一图像是背景图像。其余图像是当您将鼠标悬停在列表项上时淡入淡出的图像

body {
background: black;
width:100%;
height: 100%;
padding:0px;
margin:0px;
}
ul {
list-style:none;
background-color:#00F
}
div {
position:absolute;
z-index:0;
top:0;
left:0;
padding:0px;
margin:0px;
width:100%;
height:100%;
background: url(images/01.jpg);
}
container {
position:absolute;
z-index:1;
left:0;
right:0;
width:270px;
margin:0 0 0 10px;
}

<div id="content">
  <div id="div"></div>
  <div id="container">
    <ul>
      <li id="first">test</li>
      <li id="second">test</li>
      <li id="third">test</li>
    </ul>
  </div>
</div>

正文{
背景：黑色；
宽度：100%；
身高：100%；
填充：0px；
边际：0px；
}
保险商实验室{
列表样式：无；
背景色：#00F
}
div{
位置：绝对位置；
z指数：0；
排名：0；
左：0；
填充：0px；
边际：0px；
宽度：100%；
身高：100%；
背景：url（images/01.jpg）；
}
容器{
位置：绝对位置；
z指数：1；
左：0；
右：0；
宽度：270px；
利润率：0.10px；
}

测试
测试
测试

如果将列表项悬停，则淡入的图像也是需要调整大小的图像。将背景替换为jQuery

---

我希望有人能帮我。

如果我理解你的问题

添加到CSS div样式：

background-size: cover;

---

（或

背景尺寸：contain；

具体取决于您想要什么）

您的问题不是很清楚。是否要更改背景图像？或者更改其他地方的另一个图像？jQuery已经在更改背景图像。但是由jQuery更改的背景图像不会调整大小。