私のヘッダー画像は骨抜きに見えます。不透明度を60%に設定したので、これが発生しているのではないかと思いますが、まったく同じ設定で複製しようとしているサイトでは、何らかの理由で不透明度が発生していません。
私のサイト:http ://webdev.edulence.com/getchell/
彼らのサイト: http: //getchellcompanies.com
私のヘッダー画像は骨抜きに見えます。不透明度を60%に設定したので、これが発生しているのではないかと思いますが、まったく同じ設定で複製しようとしているサイトでは、何らかの理由で不透明度が発生していません。
私のサイト:http ://webdev.edulence.com/getchell/
彼らのサイト: http: //getchellcompanies.com
あなたの画像は不透明度の子であるため:0.6であり、彼らの画像はそうではありません:
それが彼らのHTMLです。青い線は不透明度のあるdivで、赤い線はdiv+imageです。彼らは兄弟です。
あなたのコードでは、彼らは兄弟ではなく、代わりに赤は青の子です。
不透明度を使用する代わりに、要素でRGBa-アルファチャネルを使用してください。
私が見る違いはこれです。彼らは持っている
<div class="translucentColorBar xACC63F" style="height: 116px;"></div>
同じ幅と高さの2つの画像の後。
.translucentColorBar {
opacity: 0.6;
}
.xACC63F {
background-color: #ACC63F;
}
はい、これは、style.cssの#logoで0.6に設定した不透明度が原因です。参照サイト(http://getchellcompanies.com)も不透明度を設定していますが、ロゴではなく、#logoIDのdivと一緒に配置されている別のDIVにあります。
同じ構造を作ることで同じ結果が得られることを願っています。