Question

我正在研究这种模态图像查看器。问题是我无法添加一个div作为图像的容器。我需要这个div因为我想在其中添加导航按钮。关键是图像可根据浏览器大小调整大小。最大高度：80％;为图像css设置。 我需要div与动态图像的大小相同。 请告诉我怎么做。

这是Html

<div id="imagePlaceholderContainer">
    <img id="imagePlaceholder" src="images/full/Full28.jpg" />
</div>

这是Css

#imagePlaceholder {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    max-height: 80%;
    border: 5px solid black;
}

感谢。

Answer 1

您需要将样式应用于div而不是图像

#imagePlaceholderContainer {
    margin: auto;
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 999;
    max-height: 80%;
    border: 5px solid black;
}

#imagePlaceholder {
    height:100%;
    width:100%;
}

JSFiddle：http://jsfiddle.net/R49mW/

你重复的问题：http://jsfiddle.net/wwbd4/

包含一个在Div内部大小是动态的Image

1 个答案: