Question

我有一个嵌套在td中的div，div类设置为绝对值：

.mouseover-tooltip {
    width:400px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border:1px solid #555;
    background-color:#FFFFFF;
    -webkit-box-shadow: #B3B3B3 9px 9px 9px;
    -moz-box-shadow: #B3B3B3 9px 9px 9px;
    box-shadow: #B3B3B3 9px 9px 9px;
    position:absolute;
    z-index:10;
    left:-9999px;
    padding:5px;
    display: none;
}

但是当我给它一个0的顶部时，它会与它的父级顶部对齐。那不是我想要的。我想在一个绝对的世界里工作。

Answer 1

但是当我给它一个0的顶部时，它会与它的父级顶部对齐。

这就是absolute positioning的工作方式：相对于偏移的父级。¹从你的陈述中我可以推断出元素的父级位于。²

使用.offset()设置元素相对于文档的位置，或更改HTML结构，使元素的偏移父项为<body>。

<子> 1。最近的祖先或包含的块。
<子> 2。也就是说，父级已计算position，relative，absolute或fixed的{{1}}。

如何通过jQuery绝对定位元素？

1 个答案: