2017-12-07 14 views
-2

ローカルホストで実際に動作しているテキストを使用してイメージにオーバーレイを作成しましたが、ライブサーバーにWebアプリケーションをデプロイした後、助けてください。以下 は私のコードCssオーバーレイはローカルホストで動作しますがサーバではありません

<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/hkas1j

+1

それは動作します - https://jsfiddle.net/q6wcr8sf/。ローカルホストではなくサーバーで動作する理由はありません.CSSはサーバーではなくブラウザで解釈されます。 – panther

+0

あなたの質問で既に試したことを説明してください。さもなければ、期待されるよりも有用な答えが少なくなるでしょう。 – azarc3

答えて

0

を生きるために展開した後に私を示したものですしながら、私は自分のローカルサーバhttp://prntscr.com/hkaqwv に持っているものです。私は私のブラウザのキャッシュをクリアしました。それは古いCSSを使用していたので、更新されたものではありません。ありがとう

関連する問題