代码之家 › 专栏 › 技术社区 › Andrew

cssz-index问题:可以在Firefox中使用,但不能在Safari中使用?

z-index safari firefox css

Andrew · 技术社区 · 14 年前

我试图在覆盖图的顶部显示一个特定的表行。它在Firefox中工作,但不是Safari。我不明白这怎么可能,因为Firefox和Safari通常呈现相同的类型。

<body>

    <style>
        .overlay {
            position:absolute;
            width:100%;
            height:100%;
            background:#000;
            opacity: 0.5;
        }
    </style>

    <table>
        <tr style="position:relative; z-index:1000; background:#fff;">
            <td>show this one on top</td>
        </tr>
        <tr>
            <td>Show these below</td>
        </tr>
        <tr>
            <td>Show these below</td>
        </tr>
        <tr>
            <td>Show these below</td>
        </tr>
    </table>

    <div class="overlay"></div>

</body>

是什么导致了Safari和Firefox之间的这种差异?

2 回复 | 直到 14 年前

Andrew 14 年前

CSS 2.1 specifications :

我假设Firefox以一种方式实现它,WebKit以另一种方式实现它,这两种方式都是正确的,因为它是未定义的。这个故事的寓意不是在表元素上指定位置。

div

<table>
    <tr>
        <td>
            <div style="position:relative; z-index:1000;">
                Displays on top in both Safari and Firefox
            </div>
        </td>
    </tr>
    <tr>
        <td>
            <div style="position:relative; z-index:1000;">
                Displays on top in both Safari and Firefox
            </div>
            <span class="overlay"></span>
        </td>
    </tr>
    <tr>
        <td>Displays below overlay</td>
    </tr>
    <tr>
        <td>Displays below overlay</td>
    </tr>
    <tr>
        <td>Displays below overlay</td>
    </tr>
</table>

-1

matthughes404 14 年前

Safari和Firefox使用不同的呈现引擎,这就解释了为什么在本例中它们的行为不同。Safari使用WebKit,而Firefox使用Gecko。

推荐文章

Kyle Lemon · 突出显示页脚背景和内容之间的跨距

7 年前

Valentyn Stets · Webpack 2 css加载程序在生产构建中替换z-index属性

7 年前

Nick · 浮动操作按钮z索引更改延迟

7 年前

Vandan Shah · 粘性表格标题结构中的不透明度问题

7 年前

norixxx · 当父内容将图像作为子内容,并且其他元素具有不透明度时,CSS堆栈顺序会发生变化

7 年前

assoonaspossible · 具有固定父元素的绝对定位元素上的z索引[重复]

7 年前

Ismail Rubad · z索引为1的元素位于祖父母的div下

7 年前

JV Lobo · 具有transform属性的元素内的子元素z索引

7 年前

Tog Porter · 如何让图像滚动到导航栏后面

7 年前

Jasminder Pal Singh · 复杂的Z指数叠加问题

7 年前