代码之家  ›  专栏  ›  技术社区  ›  Thiago

保持套印格式文本固定[html]

  •  0
  • Thiago  · 技术社区  · 6 年前

    我有一个覆盖文本,当您将鼠标光标移动到图形顶部时,它会出现。我想把套印格式保持不变。也就是说,总是显示文本而不需要在图形上移动光标。

    换句话说,不是这个…

    …我希望像这样修复文本:

    下面是我的代码:

    <div class=“col-md-6 col-sm-6 col-xs-6 fh5co work wrap”>
    <a href=“http://people.tamu.edu/~nsthiago/hollenbach_silva_jop_2018.pdf”target=“_blank”class=“fh5co工作项js-fh5co-work-item”>
    <img src=“images/jop_2018.png”alt=“image”class=“img responsive”>
    <DIV class=“fh5co overlay bg js-fh5co-overlay-bg”></DIV>
    <div class=“fh5co overlay text js-fh5co-overlay-text”>
    <h2>财政能力和不平等:来自巴西城市的证据[Jop 2018]lt;/h2>
    <ul class=“fh5co类别”>
    &带Florian Hollenbach的lt;li></li>
    &L/UL & GT;
    &L/DIV & GT;
    & lt;/a & gt;
    &L/DIV & GT;
    < /代码> 
    
    

    以下是指向我的网站的链接,其中包含更多示例:http://people.tamu.edu/~nsthiago/

    事先谢谢!

    换句话说,不是这个… The way it is right now.

    …我希望按如下方式修复文本: The way I would like to have it.

    下面是我的代码:

    <div class="col-md-6 col-sm-6 col-xs-6 fh5co-work-wrap">
    <a href="http://people.tamu.edu/~nsthiago/Hollenbach_Silva_JOP_2018.pdf" target="_blank" class="fh5co-work-item js-fh5co-work-item">
    <img src="images/jop_2018.png" alt="Image"  class="img-responsive">
    <div class="fh5co-overlay-bg js-fh5co-overlay-bg"></div>
    <div class="fh5co-overlay-text js-fh5co-overlay-text">
    <h2> Fiscal Capacity and Inequality: Evidence from Brazilian Municipalities [JOP 2018] </h2>
    <ul class="fh5co-categories">
    <li>With Florian Hollenbach</li>
    </ul>
    </div>
    </a>
    </div>
    

    以下是指向我的网站的链接,其中包含更多示例:http://people.tamu.edu/~nsthiago/

    事先谢谢!

    1 回复  |  直到 6 年前
        1
  •  1
  •   TJBlackman    6 年前

    opacity: 0 1

    .fh5co-overlay-text,
    .fh5co-overlay-bg {
        position: absolute;
        opacity: 0; // change this to 1
    }