2，你可以设置div的大小，然后给他加上属性overflow：hidden，就是溢出的隐藏。
3，设置文字区域为div然后覆盖掉一部分图片区域
望采纳。
根据页面的需要有时候我们需要隐藏一些元素，但当鼠标移到某一个区域的时候，我们希望这些隐藏的元素显示出来。用css网页布局，我们该如何实现呢？首先我们将这一隐藏元素在页面中隐藏掉，可以应用displasy属性，关于displasy属性可以参考这里。我们再对链接添加onMouseOver、onMouseOut的小脚本，改变displasy属性的相关值，让隐藏的元素显示出来即可。我们看下面的xhtml代码：http://www.it130.cn/" style="color:blue" onMouseOver="document.all.hehe.style.display='block'" onMouseOut="document.all.hehe.style.display='none'">只需将父div设置为display:none即可，子div不设置display属性！
<div display:none><div></div></div>这样父div就会被隐藏！
display 属性规定元素应该生成的框的类型。个属性用于定义建立布局时元素生成的显示框类型。对于 HTML 等文档类型，如果使用 display 不谨慎会很危险，因为可能违反 HTML 中已经定义的显示层次结构。display可能的取值为：
none 此元素不会被显示。
block 此元素将显示为块级元素，此元素前后会带有换行符。
inline 默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block 行内块元素。（CSS2.1 新增的值）
