Question

我正在尝试在HTML中将2个输入叠加在一起。在大多数浏览器（Safari，FF，IE7）中，我使用以下代码执行此操作并且它工作正常，以便第二个输入位于第一个输入的顶部，文本颜色较浅，当您单击该区域时，焦点将转到它。然而，在IE8中，第一个似乎超过了第二个，因此当您单击它并开始键入时，您会看到浅色文本。

<!DOCTYPE html>

<html>
    <head>
        <title>test</title>
        <style type="text/css" media="screen">
            input {
                background-color: transparent;
            }
        </style>
    </head>
    <body>
        <input style="position:absolute;z-index: 1;color: #dedede;">
        <input type="text" style="position:relative;z-index: 3;">
    </body>
</html>

Answer 1

问题似乎与that one非常相似，所以我认为你必须将<input>包装到具有更高z-index的<div>中。

对于IE8中的输入，z-indexing在进行什么？

1 个答案: