我是新来的css和ui设计。 这是这种情况。 我有一个div(divmain)。在divmain里面,我有一个图像和另一个div(sub_div)。有sub_div内的文本,我想显示在鼠标悬停,隐藏,否则使用只是CSS(无javascript/jquery)。 请提出我应该遵循的方法。使用css在鼠标悬停上显示div文本
现在我做这样的事情:
HTML:
Some Text
的CSS:
.divmain .sub_div {
height: 70px;
opacity: 0;
position: absolute;
bottom: 0px;
left: 0px;
right: 0px;
padding: 2px 0px;
color: #ffffff;
text-decoration: none;
vertical-align: middle;
text-align: center;
-webkit-transition: opacity 500ms;
-moz-transition: opacity 500ms;
-o-transition: opacity 500ms;
transition: opacity 500ms;
margin-top: 35px;
line-height: 70px;
}
.divmain:hover .sub_div {
opacity: 0.8;
}
+1
请说明您的具体问题或添加额外的细节,突显正是你需要的。正如目前所写,很难确切地说出你在问什么。你目前的方法不起作用是什么? –