divのテキストの標準的な背景色を削除する方法

EDIT：それを解決しました。私はタグhtmlからbody {背景に変更しなければならなかった。みんな助けてくれてありがとうdivのテキストの標準的な背景色を削除する方法

私はこことGoogleで検索しましたが、不透明度の例を取得します。不透明度0を使用するとテキストも消えます。

私は完全なページを意味するhtmlの背景を持っています。コードでは、h1とpタグでテキストを入力した後、divの周りに白いボックスのような背景が表示されます削除しないでください。

<div class="container"> 
<div class="header-pris"> 
<h1>Pris alternativ:</h1> 
<p>Skulle du vilja pröva enstaka timmar eller kanske tom mer timmar än vad   som anges nedan så går det självklart också att annordna, kontakta oss direkt på 
<a href="mailto:[email protected]"> [email protected]</a></p> 
</div> 
</div> 

.header-pris { 
    text-align:center; 
    background-color:none; 
}

は、色などなしで試してみましたが、それはので、私は私が間違ってやっているところか、正しいコマンドがよう、テキストでのdivには、バックグラウンドを持っていないためにどうあるべきか、それを知らないでくださいしませんあなたは画像の背景を見ることができます

出典

2016-08-19 stoffer03

がありますが適用されるスタイルをチェックするために、ブラウザでプロパティインスペクタを使用しますあなたは 'background-color：transparent'を設定しようとしましたか？ – wmeade

テキストdoesntのデフォルトの背景色を持っている、それはあなたのCSSのどこかに設定されている可能性があり、

  body { 
 
       background-image: url('http://www.pets4homes.co.uk/images/articles/1111/large/feline-influenza-all-about-cat-flu-5239fffd61ddf.jpg'); 
 
      } 
 
      
 
      .header-pris,.header-pris-2 { 
 
       text-align:center; 
 
      } 
 

 
      .header-pris-2 p { 
 
       background-color: white; 
 
      }

<body> 
 
    <div class="container"> 
 
    <div class="header-pris"> 
 
     <h1>Pris alternativ:</h1> 
 
     <p>Skulle du vilja pröva enstaka timmar eller kanske tom mer timmar än vad som anges nedan så går det självklart också att annordna, kontakta oss direkt på 
 
     <a href="mailto:[email protected]"> [email protected]</a></p> 
 
    </div> 
 

 
    <div class="header-pris-2"> 
 
     <h1>Pris alternativ:</h1> 
 
     <p>Skulle du vilja pröva enstaka timmar eller kanske tom mer timmar än vad som anges nedan så går det självklart också att annordna, kontakta oss direkt på 
 
     <a href="mailto:[email protected]"> [email protected]</a></p> 
 
    </div> 
 
    </div> 
 

 
</body>

出典

2016-08-20 15:41:51 EvilEpidemic

男は私が愚かな感じ....私はあなたのサンプルを見て、あなたに気づいた体を背景に置き、htmlを入れて....体に変えてそれを解決しました。ありがとう、たくさんの悪い – stoffer03

ライブと学ぶ、それは私には、HTMLタグに物事を追加しようとしたことはなかった、あなたは私にインスピレーションを与えた！ – EvilEpidemic

私はそれがbackground-color:none;有効なプロパティだとは思わない。これはそれを行うための別の方法であるという理由だけで

background-color: transparent;

出典

2016-08-19 23:44:40

透明もどちらも動作していない、ちょうどそれを試した=/ – stoffer03

を使用してみてください。

あなたはaがalphaですbackground-color: rgba(0,0,0,0);

を使用することができ、それは、不透明度を設定します。

しかし、background-color: transparent;は行く方法です。ナリンを心配しないでください

は、より正確であることから、私はあなたの答えをupvoted :)

出典

2016-08-19 23:48:38

ええ、あまりにも不透明でしようとしたが、テキストが透明すぎる=/ – stoffer03

ナリンが正しいか、背景色：どれも有効ではありません。また、中括弧が必要です。

.header-pris { 
    text-align:center; 
    background-color: none; /* W3 will display error */ 
} 

.header-pris { 
    text-align:center; 
    background-color: transparent; /* Use this instead */ 
}

出典

2016-08-19 23:54:46

ナリン氏によると、background-color:transparent;としてください。

出典

2016-08-19 23:57:57 stephenpassero

divのテキストの標準的な背景色を削除する方法

答えて

関連する問題