位置绝对 - 负右和顶部:Internet Explorer Bug

时间:2011-11-02 21:05:54

标签: html css internet-explorer

我有一个浮动对话框,右上方有一个关闭按钮。它适用于FF和Chrome以及IE 9(当浏览器模式也改变时,它似乎与IE7通过IE9兼容)。但是在IE 8上,没有显示关闭按钮。

IE有这个问题的解决方案吗?

.dBox
{
  display: block;
  position: fixed;
  z-index: 91;
}

.dBox .dContent
{
  display: block;
  border: 2px solid #666666;
  padding: 5px;
}

.dBox .dButtonClose
{
  background-image: url("img/close.dbox.png");
  cursor: pointer;
  height: 24px;
  width: 24px;
  position: absolute;
  right: -20px;
  top: -20px;
  display: block;
  z-index: 90;
}

<div class="dBox" style="display: block; top: 46px; left: 533px;">
  <div class="dContent">content here</div>
  <div class="dButtonClose" style="display: block;"></div>
</div>

0 个答案:

没有答案