Question

我使用实际在我的localhost上工作的文本对图像进行了叠加，但在将我的Web应用程序部署到实时服务器后，图像上的叠加层拒绝工作。请帮忙。以下是我的代码

   <div class="col-md-4 text-center ">
    <div class="rounded border m-1 p-1" id="box">
     <a href="<?php echo URL?>onlineMarket" style="text-decoration:none;">
        <div class="sitecolor2" >
            <img src="<?php echo URL?>images/online-market'.jpeg" class="img-fluid">
        </div>

        <div class="pt-5" id="overlay">Online Market</div>
    </a>
    </div>
    </div>

    #box {
        border: 1px solid black;
        position: relative;
        font-size: 35px;
        font-weight: bold;
        color: white;
        text-shadow: 0 0 7px black;
    }

    #box>a{
         color: white; 
    }

    #overlay {
        position: absolute;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
    /*    background-color: rgba(187, 213, 120, 0.24);*/
    }

这就是我在本地服务器http://prntscr.com/hkaqwv中的内容虽然这是它在部署到实时服务器http://prntscr.com/hkas1j

后向我展示的内容

Answer 1

它终于奏效了。我清除了浏览器缓存。因为它使用旧的CSS而不是更新的。谢谢

Css覆盖在localhost而不是服务器上工作

1 个答案: