1
我奋力将图像固定在一个弹出窗口,我的问题是图像是越来越拉长到整个DIV,如何使图像中心本身当DIV的大小增加
DIV的,我我正在申请从JQuery获取宽度和高度。 HTML
<div id="portfolio-detail" style="width: 745px; height: 655px; top: 22px; display: block;">
<img class="portfolio-close" src="assets/images/cancel-button.png">
<div class="viewimg" style="position:relative;display:block;width:100%;height:100%;margin-left:auto;margin-right:auto;margin:0 ;">
<img class="folioimg" style="position:absolute;width:100%" data-foliothumb="1" src="assets/gallery_crop_1.jpg">---></div>
</div>
的CSS是这样的
.about-slider-container {
top: 0;
left: 0;
right: 0;
bottom: 0;
padding: 25px;
z-index: 100;
}
#portfolio-detail {
position: absolute;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.9);
z-index: 9999;
}
只是好奇。你的代码如何与jquery相关? –
当你说“拉伸”时,你的意思是它失去了宽高比吗?而且,如果你想让它伸展到可用的宽度,但仍保留这种宽高比?我会开始删除高度属性。 –
@Vikram,你想以什么样的图像为中心图像class =“folioimg”或class =“portfolio-close” –