overflow 溢出部分不隐藏

Question

 

  id = tip2 的部分应该隐藏的，这里为什么没有隐藏呢？请帮忙看一下，谢谢

 

 <dl style="width: 460px;height:336px;border:solid 10px #009900;overflow: hidden;">
  <dt id="changePic" style="overflow: hidden;margin: 0px;padding: 0px">
        <img id="index11" alt="云的浪漫" src="1.jpg" type="changeImg">
        <img id="index12" alt="夕阳与你我" src="2.jpg" type="changeImg">
        <img id="index13" alt="朝阳" src="3.jpg" type="changeImg">
  </dt> 
  <dd  id="tip2"  style="margin:0px;position: absolute;left: 18px;top: 753px;background-color:black;width:400px;height:50px;filter:alpha(opacity=50);opacity:0.5;color:red;size: 30px;text-align: center">
  </dd>
</dl>

 

 

Answer 1

position:absolute改成position:relative