在循环中将另一个DIV悬停时显示DIV

时间:2016-05-22 09:30:54

标签: php html css hover

我试图在悬停另一个div时显示div。我研究了这个论坛的解决方案,但我找不到任何与我的问题相符的东西,因为我的循环从0到9.我知道我只是错过了一些非常基本的东西,我找不到它。

整个代码是PHP,HTML行是用回声'制作的。 我想.runestext $ i出现在.runes $ i徘徊的时候。 因此,例如,当.runes1悬停时,我想要显示.runestext1 ^^ 这是我的代码:

internal server error

我真的希望你们可以帮助我,因为在经过大量的尝试后我不会让这个工作。

1 个答案:

答案 0 :(得分:0)

您的runestext似乎不是runes的孩子,这意味着您需要兄弟选择器~来定位它。

// ------------------------------------- ↓
echo "<style>" . ".runes" . $i . ":hover ~ .runestext" . $i . "{" .
       "display: block;" . "}" . 
     "</style>";
}

附注

  1. 你也错过了这种风格的规则封闭}

    echo "<style> " . ".runes" . $i . "{" . 
          "position: absolute;
            left: " . $r . "px;" . 
          "top: " . $top_position . "px;
           font-size: 16px;
           color: #fff;
           font-family: Verdana, Friz Quadrata Thin, sans-serif;
           font-weight:bold;" . 
         "</style>";
    
  2. 不要在你的div上使用相同的ID,它应该是唯一的