Html 显示一个'；它不是纯css锚的孩子

我想触发元素以显示悬停时隐藏的元素

HTML

---

此处演示：

在代码中尝试以下CSS。。。它会起作用的

.hidden{ 
opacity:0;
    filter:alpha(opacity=0); 
}
.contents:hover .hidden{
opacity: 1;
    filter:alpha(opacity=100);
}

---

我用小提琴试过你的代码。。。请参阅此链接：

您不能。您需要使用jQuery或vanilla JS来实现这一点。哪个元素应该显示哪些元素，以及您已经尝试过什么（和/或您尝试过的内容有什么问题）？更多的信息会给你更多的答案。只是一个问题。为什么不使用.hidden a:hover img{opacity:1…}的可能副本

aside  {
  z-index: 100;
  background: rgba(0, 182, 173, 0.9); 
  width: 230px; 
  position: absolute; }
aside .tumb img { 
  margin: 5px; position: relative; }
.contents img {
  position: absolute; }
.hidden img {  opacity: 0; }

.tumb a:hover ~ .hidden img {
  opacity: 1;
  filter:alpha(opacity=100); /*For IE8*/ }

.hidden{ 
opacity:0;
    filter:alpha(opacity=0); 
}
.contents:hover .hidden{
opacity: 1;
    filter:alpha(opacity=100);
}