html - Safari 中未显示固定位置的关闭按钮（sidr 菜单）

Question

我正在使用 jquery 插件 sidr 来显示弹出窗口，所有这些窗口的顶角都有一个关闭按钮，覆盖在图像的顶部。

为了使按钮保持在原位，我使用了 css 属性：

position: fixed;

它适用于 chrome，但在 FF 中，关闭按钮显示在错误的位置，而在 Safari 中它根本不显示。将其更改为：

position: absolute;

修复了 FF 中的问题，但按钮仍然没有在 Safari 中显示。和

position: relative; 

按钮显示，但不再处于正确位置。

帮助解决此问题将不胜感激！下面是完整的代码。

html按钮：

<button id="close" type="button" onclick="$.sidr('close', 'blago');">X</button> 

CSS：

    #close{
    position: relative;
    top: 0;
    margin: 15px;
    background: #000;
    background-color: Transparent;
  background-repeat:no-repeat;
  border: none;
  cursor:pointer;
  overflow: hidden;
}

Answer 1

没关系，问题在于left: 0;没有定义，这显然是 safari 将其显示在正确位置所必需的。