0

这适用于 Firefox 和 chrome：

<div id="popup" style="display: block;">
        <div id="contentWrapper">

            <div id="popHeader">
                <span id="popupQuestion">The  nature.</span>
                <a id="popupYes" href="#"> </a>
                <a id="popupNo" href="/">Leave</a>
            </div>
        </div>
    </div>


#contentWrapper {
background-image: url("http://bestcamctory.com/images/warning/warning_bg.png");
height: 100%;
position: relative;
width: 100%;
}

但是在 ie 上没有显示背景图像。这是为什么？

4

2 回答 2

1

IIRC，您可能需要为divcontentWrapper或popupdiv 定义大小。

于 2012-12-04T13:06:26.087 回答
1

如果您的子元素是绝对定位的，那么#contentWrapper已经折叠，因为在文档的正常流程中没有元素可以告诉它有多高。Aheight: 100%是相对的：元素只会和它的父元素一样高，默认情况下它只会和它的子元素一样高（当前为 0）。

您可以尝试一些方法来解决此问题。

  • 添加一个最小高度#contentWrapper（从 1em 开始）
  • 从一个或所有子元素中删除绝对定位。

您也可以尝试添加height: 100%到每个祖先元素。

于 2012-12-04T13:15:06.803 回答