0

我在通常隐藏的 div 中有一个链接，但在悬停时会出现。单击时会触发模式对话框。当对话框关闭时，链接会消失，并且在悬停时不会重新出现。此错误仅出现在 Webkit 浏览器上。我在 Safari 和 Chrome 上复制了它，但无法让它出现在 Firefox 中。

HTML：

<div class="help-inline">
  <a href="#test-modal" data-toggle="modal">click me</a>
</div>

<div id="test-modal" class="modal fade">
  <div class="modal-header">
    <a class="close" data-dismiss="modal">x</a>
    <h3>Modal</h3>
  </div>
  <div class="modal-body">Body</div>
</div>

CSS：

.help-inline {
    position: absolute;
    width: 20px;
    border: 1px solid black;
    height:      20px;
    max-height:  20px;
    line-height: 200px;
    overflow: hidden;
}

.help-inline:hover {
    line-height: 21px;
    width: auto;
    overflow: visible;
}

.help-inline a {
    position: relative;
}

您可以在此处查看正在运行的错误：http: //jsfiddle.net/extropic_engine/D2WQB/

使用的版本：

  • 铬 23.0.1271.101
  • 火狐18.0
  • Safari 6.0.2
  • 引导程序 2.2.2
  • jQuery 1.8.2
4

0 回答 0