将鼠标悬停在图像上会更改另一个图像

Question

我遇到了一个问题 - 我正在尝试强制图像悬停以影响另一个悬停

<img id="1" src="#" />
<img id="2" src="#" />


#1 {width:20%;
    opacity:0.5
   }
#2 {width:80%;
    position:absolute;
    display:none;
   }

我试过了

#1:hover + #2{
   display:block;
   }

  #1:hover #2{
   display:block;
   }

尝试将其放入不同的 div 中，但仍然无法正常工作。 有人可以帮忙吗？

Answer 1

由于某种原因，我无法让 css 与 id="1" 或 id="2" 一起使用，但一旦更改为 id="test2"，它就可以正常工作了。