html - 固定位置的关闭按钮未在 safari 中显示(侧面菜单)

Question

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

为了让按钮保持原位，我使用了 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 将其显示在正确位置所必需的。