首页 > 解决方案 > 在文本之上显示文本

问题描述

我正在尝试使用 bootstrap4 在文本顶部显示文本

我的 HTML 看起来像这样

<div class="d-lg-flex align-items-lg-start intro-heading text-uppercase">
   <span class="text-black-50 d-inline float-none" style="width:749px;filter: blur(2px);margin: 0px;">
  INTRODUCTION</span>
  <span class="text-white d-inline float-none" style="width:749px;filter: blur(0px);color: #ffffff;">INTRODUCTION</span>
</div>

我希望文本不是并排显示,而是显示在其他文本之上,如果有人可以提供帮助,将不胜感激

标签: htmlcssbootstrap-4

解决方案


<div>
  <span class="text-white d-inline float-none" style="width:749px;filter: blur(0px);color: #00000;">Whatever your text is</span>
</div>
<br>
<div class="d-lg-flex align-items-lg-start intro-heading text-uppercase">
   <span class="text-black-50 d-inline float-none" style="width:749px;filter: blur(2px);margin: 0px;">
  INTRODUCTION</span>
<span class="text-white d-inline float-none" style="width:749px;filter: blur(0px);color: #ffff;">INTRODUCTION</span>
</div>
 <br>
<div>
  <span class="text-white d-inline float-none" style="width:749px;filter: blur(0px);color: #00000;">Whatever your text is</span>
</div>


推荐阅读