CSS背景图像淡入度

嗨，当页面的某个部分被悬停时，我正在尝试淡出背景图像。就像一个正方形的div覆盖在页面的某一部分。可能吗？背景图像将是窗口的大小，正方形将位于其上方，但不是全尺寸

有没有人有这样的教程

---

谢谢

您不太可能找到准确的代码，所以这里是逻辑

背景属性不能淡入淡出，所以您需要使用一个div，背景为：url（imagepath.jpg），位置为：绝对，不透明度为1，宽度为100%，最小高度为800，依此类推

在第二个div悬停时，需要使用jquery动画效果，并将不透明度设置为div以上的.5（或任何值）

---

我想这将有助于使用CSS3转换这应该可以工作：

#div{
    background: url("yourimage");
  }

#div:hover{
    @include transition-property(background);
    @include transition-duration(0.5s);
    background: none;
  }

上面的例子是关于SASS的。如果不使用SASS，则需要使用更多代码行以实现跨浏览器兼容性

---

参考资料：

你有没有尝试或研究过一些东西？有没有人有一个教程来说明这一点？谷歌会回答您好，永远记住谷歌第一！查询

CSS背景图像淡入

会得到很多结果。他们没有帮助吗？如果没有，你能详细说明原因吗？@FDL我可以单独使用CSS