javascript - 覆盖 div-chrome/IE 中的问题

Question

我在这个网站的 chrome 中遇到问题 http://emprego.herobo.com/site/login/emprego.php

如果你在 firefox 中打开它，一切正常，图像中叠加 div 的位置是完美的，但在 chrome 和 IE 中，结果是不同的。

显示了必须隐藏的部分 div(名称为 Luciana Valença)。

可能的原因是什么？

谢谢

FF4中的例子

Answer 1

也许尝试向文本项添加一些 line-height。经过快速测试后，它修复了 header ，然后再进行一些调整，您应该能够使“描述”正常运行。

此外，您可能希望为文本提供更多结构，这将有助于样式控制。下面是一个未经测试的粗略示例。

HTML:

<div class="capty-caption">
    <div id="content-target1">
        <h3>Luciana Valença</h3>
        <p>Designer, Artista Visual e Ilustradora . Tem 35 anos e mora no R.Janeiro.</p>
    </div>
</div>

CSS:

.capty-caption {
   height: "managed by js?"
}

.capty-caption h3 { 
   font: bold 15px verdana;  
   line-height: 20px;    
   margin: 0px; 
}

.capty-caption p {  
   line-height: 14px;    
   margin: 0px; 
}