php - CSS PHP 错误 div 容器

Question

我想知道如何实现以下想法:

我有一张注册表。如果出现 PHP 错误消息，我想在出现特定错误消息的每个输入字段旁边显示一个 div。所以目前我有 CSS 问题将那个 div 设置在所有其他 div 的前面。所以我开始研究 Z-index，但由于某些原因不起作用。

我的 CSS 中有:

#form-error{
  background-color: #f23;
  z-index:1;
  width: 200px;
  height: 50px;
}

在 HTML 中:

<?php if(isset($errors)):?>
  <?php foreach($errors as $error):?>
    <div id="form-error">
    <?php echo $error;?>
    </div>
  <?php endforeach;?>
<?php endif;?>

所以我对如何解决这个问题的想法非常感兴趣。

非常感谢。

更新

在用户偏转的帮助下，我认识到我应该添加一个立场声明。我这样做了。现在我列出了所有错误消息。

该用户提到，最好重新组织我的 PHP 逻辑，使其具有一个特定的错误消息，我只需将其添加到输入字段旁边的类表单错误框中。这不是问题。我可以从数组中获取每个错误消息。我的问题是，如何意识到我在输入字段旁边有这些框。

Answer 1

为了使 z-index 起作用，您需要在您的 css 中添加 position:relative;、position:absolute; 或 position:已修复；。

我不知道还有什么问题，但我会先将其添加到您的 CSS，如下所示:

#form-error{ 
    position: relative;
    background-color: #f23; 
    z-index:1;  
    width: 200px; 
    height: 50px; 
}