iframe用来显示图片视频，如何在iframe底部悬浮相应文字（JAVA）？
2个回答
展开全部
<div>
<iframe>视频url</iframe>
<div>浮动文字</div>
<div>
或者
<iframe>
在此新页面中分割
<div>视频</div>
<div>文字</div>
</frame>
<iframe>视频url</iframe>
<div>浮动文字</div>
<div>
或者
<iframe>
在此新页面中分割
<div>视频</div>
<div>文字</div>
</frame>
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<html>
<style>
.container{
margin: 100px auto;
background: green;
position: relative;
width: 400px;
height: 400px;
}
.img-iframe{
width: 100%;
height: 100%;
}
.img-tip{
position: absolute;
left: 50%;
bottom: 20px;
width: 150px;
margin-left: -75px;
color: white;
}
</style>
<body>
<div class="container">
<iframe class="img-iframe" src="Chrysanthemum.jpg" scrolling="auto" onload="resize(this)"></iframe>
<div class="img-tip">123123123123123</div>
</div>
</body>
</html>
<style>
.container{
margin: 100px auto;
background: green;
position: relative;
width: 400px;
height: 400px;
}
.img-iframe{
width: 100%;
height: 100%;
}
.img-tip{
position: absolute;
left: 50%;
bottom: 20px;
width: 150px;
margin-left: -75px;
color: white;
}
</style>
<body>
<div class="container">
<iframe class="img-iframe" src="Chrysanthemum.jpg" scrolling="auto" onload="resize(this)"></iframe>
<div class="img-tip">123123123123123</div>
</div>
</body>
</html>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
