Html Div显示为悬停状态

这应该是一个简单的div在悬停状态下出现，但是在我悬停在

\1949\u包装器上之后，带有
\1949\u霓虹灯的div就不会出现了。
我非常确定div位于正确的位置，因为当我将可见性更改为
block
时，它显示在正确的位置

<div id="1949_wrapper">
     <div class="year_line" style="top:170px;">1949</div>
     <div class="neon_light" id="1949_neon"></div>
</div>

.neon_light{
position:relative;  
top: 0px; 
width:250px; 
height:650px; 
background:#FFFF00;
z-index: 1;
}

#1949_neon {
display: none;
}

#1949_wrapper:hover #1949_neon {
display: block;
}


1949
.霓虹灯{
位置：相对位置；
顶部：0px；
宽度：250px；
高度：650px；
背景#FFFF00；
z指数：1；
}
#1949年{
显示：无；
}
#1949#包装器：悬停#1949#{
显示：块；
}
仅凭css是做不到的

将HTML更改为

<div id="1949_wrapper" onmouseover="document.getElementById('1949_neon').style.display = 'block';">
    <div class="year_line" style="top:170px;">1949</div>
    <div class="neon_light" id="1949_neon"></div>
</div>

这可以通过css实现。这里的问题是你的身份证是以数字开头的。这很有效

<div id="wrapper_1949">
     <div class="year_line" style="top:170px;">1949</div>
     <div class="neon_light" id="neon_1949"></div>
</div>

.neon_light{
    position:relative;  
    top: 0px; 
    width:250px; 
    height:650px; 
    background:#FFFF00;
    z-index: 1;
}

#neon_1949 {
    display: none;
}

#wrapper_1949:hover #neon_1949 {
    display: block;
}


1949
.霓虹灯{
位置：相对位置；
顶部：0px；
宽度：250px；
高度：650px；
背景#FFFF00；
z指数：1；
}
#1949年{
显示：无；
}
#1949年：悬停#霓虹灯#1949年{
显示：块；
}
您可以使用CSS来完成。CSS的问题是，您的ID以一个数字开头，这将不起作用。这是正在工作的CSS

.neon_light{
position:relative;  
top: 0px; 
width:250px; 
height:650px; 
background:#FFFF00;
z-index: 1;
}

[id='1949_neon'] {
display: none;
}

[id='1949_wrapper']:hover [id='1949_neon'] {
  display: block;
}

嗨，阿米特，谢谢你的回答！现在div出现了，但在我移开鼠标后它不会消失。你能帮我修一下吗？谢谢试试这个：，别忘了把我的答案标为答案，然后投票表决；）太棒了，真管用。谢谢！（我已经选择了这个作为答案，但我的水平太低了，还不能提升任何东西……）很高兴能帮助你；）是的，我刚刚更改了div的名称，它现在运行得非常好。谢谢
.neon_light{
position:relative;  
top: 0px; 
width:250px; 
height:650px; 
background:#FFFF00;
z-index: 1;
}

[id='1949_neon'] {
display: none;
}

[id='1949_wrapper']:hover [id='1949_neon'] {
  display: block;
}