我发现了一种与定位相关的奇怪Safari行为。
例如:
据我所知,当位置设置为fixed(或absolute,在这种情况下无关紧要)时,元素应该从范围中分离出来,并以某种方式独立渲染。在我们用于测试开发站点的每个浏览器中,它都像我上面说的那样工作,除了Safari。
在Safari中,如果父元素具有“fixed”定位和“overflow-x”属性,则无论我如何定位子元素(“position:fixed”,“top”,“left” ->无关紧要),如果它超出父元素,它就不可见。
我遇到了困难,不知道如何强制Safari合作。如果你们中的任何人有任何想法,将不胜感激。
例如:
#parent {
position:fixed;
overflow-x: hidden;
height:30px;
}
#toolTip-child {
position:fixed
display:block;
top:10px;
left:16px;
height:100px;
}
据我所知,当位置设置为fixed(或absolute,在这种情况下无关紧要)时,元素应该从范围中分离出来,并以某种方式独立渲染。在我们用于测试开发站点的每个浏览器中,它都像我上面说的那样工作,除了Safari。
在Safari中,如果父元素具有“fixed”定位和“overflow-x”属性,则无论我如何定位子元素(“position:fixed”,“top”,“left” ->无关紧要),如果它超出父元素,它就不可见。
我遇到了困难,不知道如何强制Safari合作。如果你们中的任何人有任何想法,将不胜感激。
#toolTip-child
元素在单元格上点击动作后切换。它向用户显示一些操作菜单。单元格的父级是表头,固定定位以获得“冻结表头”解决方案。我不太喜欢这种CSS hack,但现在我必须接受它。 - sznowicki