Html 如何仅淡入div而不淡入文本？

如何只淡入/淡出div，而不淡入/淡出div中的文本

这是我的密码：

将鼠标悬停在我身上。
.褪色{
背景色：仿古白色；
宽度：300px；
高度：200px；
文本对齐：居中；
不透明度：1；
过渡：不透明度。25秒缓进缓出；
-moz过渡：不透明度。25秒缓进缓出；
-webkit过渡：不透明度。25秒易入易出；
}
.消失：悬停{
不透明度：0.5；
}

淡入div将淡入其中的文本，因为文本是div的一部分。如果只想淡入背景色（div中唯一可见的部分，文本除外），可以使用alpha透明度

.fade{
背景色：仿古白色；
宽度：300px；
高度：200px；
文本对齐：居中；
过渡：背景色。25秒轻松进出；
}
.消失：悬停{
背景色：rgba（250235215,0.5）；
}

---

将鼠标悬停在我上方。

淡入div将淡入其中的文本，因为文本是div的一部分。如果您只想淡入背景色（div中唯一可见的部分，文本除外），可以使用alpha透明度

.fade{
背景色：仿古白色；
宽度：300px；
高度：200px；
文本对齐：居中；
过渡：背景色。25秒轻松进出；
}
.消失：悬停{
背景色：rgba（250235215,0.5）；
}

---

在我上方悬停。

谢谢，效果很好。这是代替使用jQuery的最佳方式吗？Np！您是否在询问是否应该在CSS中将

：hover

置于jquery的

$之上。hover（）

？如果是这样，是的，CSS几乎总是一个更快、更容易的选择。谢谢，效果很好。这是代替使用jQuery的最佳方式吗？Np！您是否在询问是否应该在CSS中将

：hover

置于jquery的

$之上。hover（）

？如果是这样，CSS几乎总是一个更快、更容易的选择。

<div class="fade">Hover over me.</div>

.fade {
  background-color: antiquewhite;
  width: 300px;
  height: 200px;
  text-align: center;

  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out;
}

.fade:hover {
  opacity: 0.5;
}