Question

尝试使用＆＃39; zindex＆＃39;道具，如下所示： https://github.com/facebook/react/issues/1456

<Input ref="username" type="text" label="Username" 
placeholder="Enter username" zindex={1} />

不起作用。还尝试了＆＃39; zindex =＆＃34; 1＆＃34;＆＃39;

有什么想法吗？

Answer 1

您需要使用style = {}构造进行分配。试试这个：

<Input ref="username" type="text" label="Username" placeholder="Enter username" style={{zIndex:1}} />

Answer 2

尝试一下...

style={{zIndex: '100'}}

Answer 3

始终记住使用骆驼箱。 zindex变为zIndex。 margin-right变成marginRight。
您必须调用样式。样式= {{zIndex = 1}}

您可能希望传递相对或绝对值。

              <div style={{ position: 'relative', zIndex: '1' }}>
                    bottom
                </div>
                <div style={{ position: 'relative', zIndex: '2' }}>
                    top
                </div>

Answer 4

when you are applying z-index then definitely you are trying to priorities your new part of code. So you also need to check if there are any other z-index with higher value which might be restricting your new z-index value

<Input ref="username" type="text" label="Username" 
placeholder="Enter username" class = "applyZIndex" />

.applyZIndex {
 z-index : 1;
}

如何在组件上设置z-index？

4 个答案: