-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
それは動作します - https://jsfiddle.net/q6wcr8sf/。ローカルホストではなくサーバーで動作する理由はありません.CSSはサーバーではなくブラウザで解釈されます。 – panther
あなたの質問で既に試したことを説明してください。さもなければ、期待されるよりも有用な答えが少なくなるでしょう。 – azarc3