Question

http://removed.com/jquery/test.html

使用jQuery并在左上角按“更多”时，它会按下“Brown”图层。如何保持棕色层稳定？它发生在Chrome中，但不适用于Firefox。

Answer 1

就个人而言，我会将该字段集放入一个具有更多链接的子项中。然后绝对定位。 IMO，比在页面中绝对定位更简洁的代码，这也意味着如果你移动导航ul，你将不必再次移动字段集。

Answer 2

它被推下来了，因为div#header_link扩展了表单，因为它在正常的页面流中。使用position: absolute fieldset将其从流程中删除。

此外，fieldset应该在form内，而不是相反。

注意：Underscore不是CSS标识符的合法字符，而是使用连字符

Answer 3

尝试添加一些z索引和定位：

#bag_info{
   ...
position:relative;
top: 10px;
left: 10px;
z-index:1;
  }

#more
{
position:absolute;
}

#more_searchbox /*you'll have to name this according to the search box*/
{
z-index:2;
position:relative;
top: 10px;
left; 10px; /*px values that work*/
}

这可能会解决它：）

此外，您可能需要在FF工作时自行定位Chrome，使用此CSS Browser selector并将.webkit放在要用于Chrome的CSS之前。

Answer 4

可以通过设置CSS

form {
   margin : 0;
   padding : 0;
}

希望它有所帮助。

如何防止这种情况下降？

4 个答案: