Javascript 使用jQuery更改背景不透明度

当鼠标悬停在带有文本的div上时，如何更改背景图像的不透明度？我试图给悬停添加不透明度，但它也会影响文本，所以我假设只能使用jQuery，因为我无法更改HTML结构

.wrapper{
保证金：0自动；
最大宽度：940px；
背景：#EBEBEB；
}
.border__flex{
边界半径：4px；
显示器：flex；
对齐项目：居中；
证明内容：中心；
}
.创意展览部{
利润率：10px；
}
.创意画廊4{
文字装饰：无；
字体大小：粗体；
颜色：#fff；
字体大小：22px；
线高：1.2米；
填充：0；
保证金：0；
}
.一：悬停。创意画廊4，
.2：悬停。创意画廊4，
.三：悬停。创意画廊4，
四：悬停。创意画廊四，
五号：悬停。创意画廊四号，
六号：悬停。创意画廊四号，
七：悬停。创意画廊四{
颜色：#ff5b5d；
过渡：所有0.2秒缓进；
}
.创意画廊\uuuuuh3{
颜色：#333；
字体大小：粗体；
字体大小：22px；
文本对齐：居中；
边缘底部：34px；
}
.一{
宽度：calc（33.3333%-20px）；
高度：310px；
背景：url（'http://carwallstar.com/wp-content/uploads/2014/11/ford-car-images2015-ford-mustang--2015-ford-mustang-29-----froggpondcom-w8lqchv6.jpg’）100%100%不重复；
背景尺寸：封面；
浮动：左；
文本对齐：居中；
}
.二{
宽度：calc（33.3333%-20px）；
高度：310px；
背景：url（'http://www.jdpower.com/sites/default/files/legacy_files/pictures/j/jdpower/0981/d6be82ef8f0dfc684d7aed8755d13dcbx.jpg’）50%100%不重复；
背景尺寸：封面；
浮动：左；
文本对齐：居中；
}
.三{
宽度：calc（33.3333%-20px）；
高度：310px；
背景：url（'http://www.pageresource.com/wallpapers/wallpaper/ford-mustang-shelby-gt-nice-cars.jpg’）50%100%不重复；
背景尺寸：封面；
浮动：左；
文本对齐：居中；
}
.4{
宽度：calc（33.3333%-20px）；
高度：310px；
背景：url（'http://7-themes.com/data_images/out/75/7029170-ford-cars-wallpaper.jpg’）50%100%不重复；
背景尺寸：封面；
浮动：左；
文本对齐：居中；
}
.5{
宽度：计算（66.666 7%-20px）；
高度：310px；
背景：url（'http://img.otodriving.com/files/2015/10/Ford-www.otodriving.com-HD-33.jpg’）50%100%不重复；
背景尺寸：封面；
浮动：左；
文本对齐：居中；
}
.6{
宽度：计算（66.666 7%-20px）；
高度：310px；
背景：url（'http://resources.carsguide.com.au/styles/cg_hero_large/s3/ford-mustang-2015-v8-gt-（2） .jpg'）50%100%不重复；
背景尺寸：封面；
浮动：左；
文本对齐：居中；
}
.7{
宽度：calc（33.3333%-20px）；
高度：310px；
背景：url（'http://carsformula.com/wp-content/uploads/2014/10/2015-Ford-Mustang-50-Year-Limited-Edition-Specs.jpg’）80%100%不重复；
背景尺寸：封面；
浮动：左；
文本对齐：居中；
}
@媒体屏幕和屏幕（最大宽度：420px）{
/*------页脚媒体查询320px------*/
一
二
三
四
五
六
.7{
浮动：无；
宽度：100%；
高度：100px；
文字装饰：无；
}
}

标题

您无法更改背景图像的不透明度

你可以：

• 使用alpha通道指定的背景色
• 设置整个元素的不透明度
• 使用内置不透明度的图像格式（如PNG）

---

一种方法是重新构造内容，使背景图像位于包含内容的元素的同级元素上，绝对定位其中一个或两个元素，然后更改前者的不透明度。这就带来了将所有东西设置为所需高度的挑战。

您可以使用这样的技巧

将背景设置为

：在

.one:after {
  background: url('http://carwallstar.com/wp-content/uploads/2014/11/ford-car-images2015-ford-mustang--2015-ford-mustang-29-----froggpondcom-w8lqchv6.jpg') 100% 100% no-repeat;
  background-size: cover;
  content: "";
  opacity: 0.5;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  position: absolute;
  z-index: -1;  
}

资料来源：
我建议您使用图片编辑软件（如PhotoShop）来更改背景图像的不透明度。然后，将这些图像保存到另一个文件中，并在CSS中，将background:url（）更改为不透明程度较低的图像。
我对此投了反对票，之前已经多次回答过了。可能重复您为什么问这个问题？它已经是一个副本。为什么会收到2张否决票？这是一个有效的方法，但要注意，通过简单地交换背景图像属性的“url”部分，不可能实现州与州之间的过渡动画。为什么会被否决？