Wordpress正しくインデックスページのヘッダーイメージを表示できません

Question

友達のサイトに、私は彼が正しくインデックスページのバナーを表示するのを助けようとしています。使用テーマは、アーケードベーシック（Batovasan）である

ライブラリにアップロードされた画像がある1920x500px（150dpi）、生成されたHTMLコードは次のとおりです。

<header id="header"> 
    <div class="title-card-wrapper"> 
     <div class="title-card" style="height: 778px;"> 
      <img class="header-img" src="http://www.example.com/wp-content/uploads/myHeader.jpg" alt="" style="position: absolute; left: -667px; top: 0px; right: auto; bottom: auto; width: auto; height: 100%;"> 
     </div> 
    </div> 
</header> 

自動負の左側に拡大して画像が自動的に設定されて

位置...（http://www.tangoumois.com参照）

現在のCSSが

.title-card { 
    position: relative; } 

.title-card-wrapper { 
    overflow: hidden; } 

.title-card { 
    z-index: 1; 
    width: 100%; 
    display: table; 
    text-align: center; } 
    .title-card > img.header-img { 
    position: absolute; 
    z-index: 0; 
    left: -9999px; 
    max-width: none; } 

とfunction.phpに、アップロードおよびサイズ変更するフィルタがあります画像

// Add a filter to bavotasan_header_image_width and bavotasan_header_image_height to change the width and height of your custom header. 
add_theme_support('custom-header', array(
    'header-text' => false, 
    'flex-height' => true, 
    'flex-width' => true, 
    'random-default' => false, 
    'width' => apply_filters('bavotasan_header_image_width', 1920), 
    'height' => apply_filters('bavotasan_header_image_height', 500), 
)); 

私はクロームのDevでそれを確認したときに、私はこの負の位置せず、正しくバナーを設定するにはどうすればよい

次取得..

Answer 1

がleft: -9999px;を削除しますこのブロックからチャーン上それはleft: 0;（削除する方が良い）

 .title-card > img.header-img { 
     position: absolute; 
     z-index: 0; 
     left: -9999px; 
     max-width: none; } 

Answer 2

あなたが背景レイヤーにそれを持ってしようとしている間、あなたは、タグ内の画像を使用している

、

だから、あなたのための私の基本的な解決策は、 行くには、コードのビットを変更する行を削除することです

#site-meta{ 
    background: url(http://www.tangoumois.com/wp-content/uploads/2017/03/Bannière-PageActualité.jpg); 
    background-size: contain; 
    background-repeat: no-repeat; 
} 

画像>https://image.ibb.co/jpZQJv/Capture.png 説明：あなたはdiv要素の背景に画像を設定しなければなりません

、あなたが使用して、CSSでそれを行う必要があります（背景：URL（「」これをCSSとやります）; ..

イメージタグで引き続き使用したい場合は、divの高さをイメージの高さと同じにする必要があります。

Answer 3

多くの不要なCSSスタイルがあります。また、この場合はimgよりも背景画像を使用するほうが良いでしょう。