3个回答
展开全部
<html>
<head>
<style>
.hide {
display:none;
}
.show:hover .hide {
display:block;
}
</style>
</head>
<body>
<div class="show">
这是触发用的文字
<div class="hide">
这是隐藏内容
</div>
</div>
</body>
</html>
具体样式自己加就好
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>index</title>
<style>
span {
font-size: 18px;
}
#box {
position: relative;
display: inline-block;
border: 1px solid red;
}
#box:hover .box {
display: block;
}
.box {
position: absolute;
top: 50px;
left: 0;
display: none;
width: 100px;
height: 100px;
background-color: #09f;
}
</style>
</head>
<body>
<div id="box">
<span>文字</span>
<div class="box"></div>
</div>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div class="parent">
<div class="child">
123123123123
</div>
</div>
.parent{
border-radius: 20px;
background:#fff;
width:100%;
height:100%;
overflow: hidden
}
.child{
width: 1100px;
height:530px;
border-radius:20px;
margin:0 auto;
margin-top:50px;
background:#bee6f9;
display: none
}
.parent:hover .child{
display: block
}
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
