悬停文本在PHP中没有正确显示?

时间:2016-03-10 17:54:14

标签: php html hover

我希望显示以div格式显示的文本,将鼠标悬停在文本上时显示。我在PHP文件中以这种方式管理:

echo "<style> " . ".'runes" . $i . ":hover'" . "{" . 
     "position: absolute;
      background-color: rgba(0, 0, 0, 0.9);
      width: 225px;
      height: 300px;
      margin-left: -20px;
      margin-top: -267px;
      text-align: center;
      border: 1px solid #fff;
      -webkit-border-radius: 5px;
      -moz-border-radius: 5px;
      border-radius: 25px;}" . "</style>";
echo "<div class='runes" . $i . ":hover'" . "><div class='runestext'>TEXT</div></div>";

在我的CSS文件中:

.runestext {
    font-family: Verdana;
    font-style: normal;
    font-weight: bold;
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

我的问题是,class=runes的div正确显示,但我希望在此格式为class=runestext的div中显示的文本显示在页面中间未格式化。哪里出错了? 感谢。

PS:不要担心$i,这是因为我将整个代码循环10次以获得10div。

0 个答案:

没有答案