0

我尝试在 Google 上搜索此内容，但无济于事。

有人可以指出一个很好的资源来解释 CSS 的呈现和可见性规则吗？或者如果它很简单，有人可以在这里写下来吗？

DIV_LARGE1举个例子，假设我有 2 个DIV_LARGE2彼此不包含的大 div 和一个小 div DIV_SMALL。当DIV_SMALL被定义在里面DIV_LARGE1时，我可以看到它落在里面的那部分DIV_LARGE1，但是与之共享的区域DIV_LARGE2被隐藏在下面DIV_LARGE2。我在页面渲染后（通过点击）显示DIV_SMALL（通过设置它），所以在 HTML 代码 中出现display:inline应该没关系。DIV_LARGE2DIV_LARGE1

什么优先于什么？由于我较小position:relative的 div 和其他 div ( DIV_LARGE*) 都具有position:absolute，因此我可以推断如果 div 未在其中定义，则绝对定位优先于相对定位。但这是正确的吗？确切的规则是什么？

4

1 回答 1

0

Phelios 是正确的，您遇到的问题与 z-index 属性有关。这是 SmashingMag 的一篇很棒的文章，详细解释了它：http ://www.smashingmagazine.com/2009/09/15/the-z-index-css-property-a-comprehensive-look/

对于 tl;dr - 定位元素按照它们在 html 代码中的放置顺序堆叠，因此第一个大 div 内的 div_small 默认情况下总是堆叠在第二个大 div 的“下方”。您可以通过在 css 中设置小 div 的 z-index 属性来解决此问题。

于 2011-04-14T22:06:08.527 回答