【发布时间】：2016-01-04 03:45:01
【问题描述】：
我有一个容器，一旦用户选择某个容器，它就会弹出并在页面上显示图像。这在 chrome 中看起来很好，（取决于分辨率），但是我在 Opera 和 FF 中被告知它可以切断角落甚至图片顶部的 X（关闭符号）。
我想知道是否有一种方法可以根据打开的图像的大小设置叠加层以显示并使其居中显示，无论分辨率如何，但不知道该怎么做。
<style>
#basic-modal-content {display:none;}
/* Overlay */
#simplemodal-overlay {background-color:#000;}
/* Container */
#simplemodal-container {height:800px; width:800px; color:#bbb; background-color:black; padding:2px;}
#simplemodal-container .simplemodal-data {padding:8px;}
#simplemodal-container code {background:#141414; border-left:3px solid #65B43D; color:#bbb; display:block; font-size:12px; margin-bottom:12px; padding:4px 6px 6px;}
#simplemodal-container a {color:#ddd;}
#simplemodal-container a.modalCloseImg {background:url(../../img/basic/x.png) no-repeat; width:25px; height:29px;
display:inline; z-index:3200; position:absolute; top:-15px; right:-16px; cursor:pointer;}
#simplemodal-container h3 {color:#84b8d9;}
【问题讨论】：
标签： html css simplemodal