1500字范文,内容丰富有趣,写作好帮手!
1500字范文 > css鼠标放上div显示文字 使用css在鼠标悬停上显示div文本

css鼠标放上div显示文字 使用css在鼠标悬停上显示div文本

时间:2022-04-08 18:46:41

相关推荐

css鼠标放上div显示文字 使用css在鼠标悬停上显示div文本

我是新来的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

请说明您的具体问题或添加额外的细节,突显正是你需要的。正如目前所写,很难确切地说出你在问什么。你目前的方法不起作用是什么? –

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。