css - 底部内容在ie7中用阴影隐藏

我想显示以下输出：



下列代码在ie7以外的所有浏览器中均能正常工作。在ie7中，它看起来：


所以你能告诉我这段代码有什么问题吗？

<div id="parent" class="shadow">
<div style="margin: 10px 20px 30px 20px; min-height: 300px; word-wrap: break-word;
  Low cost enclosed temperature control; UL Class 2 low voltage sensor circuit with var...
</div>
<table id="seemore" cellpadding="0" cellspacing="0">
    <tr>
      <td align="center">
        <a href="#" id="" title="See More">
          <span class="SeeMoreText">See More</span> </a>
       </td>
    </tr>
 </table>

#parent
{

float: right;
width: 250px;
display: inline-block;
background-color: #e3e3e3;
margin-top: 30px;
position: relative;
max-height: 420px;

}

＃看更多
{

width: 100%;
height: 40px;
position: absolute;
z-index: 250;
*z-index:250;
bottom: -20px;
text-align: center;

}

最佳答案

将overflow:visible;添加到#parent

#parent{
 float: right;
 width: 250px;
 display: inline-block;
 background-color: #e3e3e3;
 margin-top: 30px;
 position: relative;
 max-height: 420px;
 overflow:visible; /*<--*/
}

让我知道这对您是否有用？

关于css - 底部内容在ie7中用阴影隐藏，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/15976023/