Css 引导模式样式的位置固定关闭按钮未在internet explorer上正确显示

我正在一个网站上工作，该网站使用了bootstrap3.0.2版本。我设计了一个模式关闭按钮，该按钮在除internet explorer之外的所有浏览器中都能正确显示（我在ie 11上进行了检查）。基本上，让它看起来像这样

我用过这个CSS：

.modal-header .close {
    position: fixed;
    top: -10px;
    right: -10px;
    width: 23px;
    height: 23px;
    opacity: 1;
    z-index: 10;
}

使用

位置背后的原因：固定而不是
位置：绝对已连线。使用
时位置：绝对位置由于顶部和右侧值为负数，无法显示其一半部分。截图：


这就是为什么，我使用的位置：固定；在每种浏览器上都能很好地工作。但是，internet explorer以如下方式显示此交叉按钮：


如何为internet explorer修复此问题

注意：由于某些原因，我无法升级引导版本：/


.modal{
溢出：继承；
溢出-y：继承；
文本对齐：居中；
填充：0；
}
.莫代尔：以前{
内容：''；
显示：内联块；
身高：100%；
垂直对齐：中间对齐；
右边距：-4px；
}
.模态对话框{
最大宽度：500px；
填充：0；
显示：内联块；
文本对齐：左对齐；
垂直对齐：中间对齐；
}
.模态内容{
边界：0；
边界半径：0；
}
.模态标题{
边界：0；
填充0；
位置：相对位置；
}
.模式标题。关闭{
保证金：0；
位置：绝对位置；
顶部：-10px；
右：-10px；
宽度：23px；
高度：23px；
边界半径：23px；
背景色：#00aeef；
颜色：#300；
字体大小：9px；
不透明度：1；
z指数：10；
}
.模态内容p{
填充：0 20px；
}
.模态体{
填充：0 10px 0；
高度：450px；
溢出：自动；
}

启动演示模式
&时代；
情态标题

Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。


Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。


Lorem Ipsum只是印刷和排版行业的虚拟文本。自16世纪以来，Lorem Ipsum一直是行业标准的虚拟文本，当时一位不知名的印刷商拿起一个打印工具，将其拼凑成一本打印样本书。它有
不仅存活了五个世纪，而且飞跃到电子排版，基本上保持不变。它在20世纪60年代随着包含Lorem Ipsum段落的Letraset表单的发布而流行，最近随着desktop的发布而流行
发布软件，如Aldus PageMaker，包括Lorem Ipsum版本。

接近
保存更改
在我下载并安装IE 11:）时，您可能希望检查此（）谢谢，但我需要溢出：自动；at.modal内容，用于在有大量内容时显示滚动条。请检查：谢谢，但我需要溢出：自动；at.modal内容，用于在有大量内容时显示滚动条。请检查此项：如果您给
.modal body
一个
溢出
和
高度
而不是
.modal content
，该怎么办？是的，它更干净。但是，问题是，根据设计要求，我不能在模式页眉和页脚处使用任何边框。因此，根据此解决方案，我的最终输出不会像您的一样干净。无论如何，到目前为止，这个解决方案是有用的。ThanksAn另一个解决方案是将“关闭”按钮放在模式内容之外。所以他和内容的溢出无关。