<div > <div > <h4 >ultimateWarrior15</h4> <h6 > Adventurer card </h6> </div> <img data-src="holder.Js/100px180/?text=Image"> <div > <div > <label for="player-level-text" >Rank</label> <div > <label >D</label> </div> </div> </div></div>
它给出了非常简单的结果
但我想要实现的是将排名值从类似输入的标签移动到某些图像资产,或者只是标记更大的字体,这将重叠像这样的图像
@L_404_1@
如何使用HTML和CSS实现这一目标?
样品
https://jsfiddle.net/46qnx1LL
这是一个例子:
.card-block .col-form-label { display: none;}.card-block > .row > div { text-align: right;}.card-block .text-muted { border: none; background: transparent; Font-size: 4em; Font-weight: bold; margin-top: -75px; color: black !important;}
<script src="https://cdnjs.cloudflare.com/AJAX/libs/holder/2.9.4/holder.min.Js"></script><link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-Alpha.5/CSS/bootstrap.min.CSS" rel="stylesheet" /><div > <div > <h4 >ultimateWarrior15</h4> <h6 > Adventurer card </h6> </div> <img data-src="holder.Js/100px180/?text=Image"> <div > <div > <label for="player-level-text" >Rank</label> <div > <label >D</label> </div> </div> </div></div>总结
以上是内存溢出为你收集整理的html – 覆盖其他元素的元素全部内容,希望文章能够帮你解决html – 覆盖其他元素的元素所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)