Question

我正在为一个客户开发一个简单的网站，我遇到了一个奇怪的问题（以前没有发生过我）。

我有3个DIV处于固定位置，第一个设置为背景，第二个设置在此顶部，最后一个隐藏（我将在底部放置一个样本）。

<body>
  <div class="bg"></div>
  <div class="content">
    <h1>Some Text</h1>
    <p>Another text...</p>
    <div class="cf">
      <a href="#popup">A button</a>
      <a href="tel:000">A call</a>
    </div>
  </div>
  <div id="popup"><p>Here some content</p></div>
</body>

问题是出现了几个错误，或者可能都是相同的，但是P和A是不可选择的，当我尝试点击A #popup应该出现但是我不能按它。当我尝试选择文本时，一切都消失了。

问题就像当你试图在你的Windows计算机上做某事但这很慢并且当你移动它时留下一个“阴影”并且擦除那个“阴影”你必须再次移动窗口。你明白了吗？！

这很奇怪，这个问题只出现在chrome上。

知道发生了什么事吗？！

Answer 1

将position:relative添加到.izq, .der和p：

<强> jsFiddle example

.izq, .der {
    float: left;
    display: inline-block;
    position:relative;
}

div和<a></a>的问题

1 个答案: