我希望显示以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。