在 Internet Explorer 中需要图像溢出 Div答案

【问题标题】：Need Image to Overflow Div in Internet Explorer在 Internet Explorer 中需要图像溢出 Div
【发布时间】：2012-02-21 00:03:57
【问题描述】：

我有一个名为 .header 的 div 类，高度为 30 像素。

在.header div 中，我有一个图像我想要溢出它。

图片高 50 像素，在 Chrome 和 Firefox 中溢出。

为什么它在 Internet Explorer 中没有溢出？ .header div 只是扩展为 50px，因此它不再溢出。

【问题讨论】：

【解决方案1】：

如果你想让它在所有浏览器中工作，你可以给 div 一个背景图片，例如

<div style="background: url(your_image.jpg); background-repeat: no-repeat;" >
</div>

或者如果你想让内容溢出 div 试试

<div style="overflow: visible;" >
</div>

【讨论】：

【解决方案2】：

对于 IE，您需要将包含图像的 div 或图像本身设置为：

position:relative;

这应该可以正常工作并显示图像的溢出。

【讨论】：