没有在safari中显示固定位置的关闭按钮(sidr菜单)

时间:2015-08-25 18:21:07

标签: html css button safari sidr

我正在使用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;
}

1 个答案:

答案 0 :(得分:1)

没关系, 问题在于left: 0;没有被定义,这显然是野生动物园需要将其暴露在正确的位置。