私の背景は黒ですが、Webページの背景が黒である間、私は私のイメージは黒

*{ 
margin:0px; 
padding:0px; 
} 

h1{ 
font:bold 20 px Tahoma; 

    } 
h2{ 
font: bold 14px Tahoma; 
} 

    header, section, footer, aside, nav, article, { 
display:block; 
    } 

    body{ 
width:100%; 
display:-webkit-box; 
-webkit-box-pack: center; 
background-color: black; 
color:white; 

} 

    #bigwrapper{ 
max-width: 1000px; 
margin: 20px 0px; 
display:-webkit-box; 
-webkit-box-orient: vertical; 
-webkit-box-flex; 1; 
    } 
    #topheader{ 
background:white; 

padding: 20px; 
text-shadow:rgb(110,110,110) 3px 3px 5px;

の上に表示したい基本的に私はそれを行う方法、単なる黒を表示する画像を引き起こし、私のtopheaderで一部のイメージを持っています画像が黒い背景を通ってどこに見えるのですか？私の背景は黒ですが、Webページの背景が黒である間、私は私のイメージは黒

メインコードを確認する必要がある場合は、お知らせください。

<!doctype html> 
<html lang="en"> 
<head> 
<meta charset="utf-8" /> 
<title>About us</title> 
<link rel="stylesheet" href="main.css"> 
</head> 
<body> 
<div id="bigwrapper"> 
<header id="topheader"> 
<br> 
<br> 
<br> 
<center><img width="200" height="200" class="irc_mi iGDtkhtShETk-pQOPx8XEepE" style="margin-top: 0px;" alt="" src="http://www.clker.com/cliparts/1/5/2/f/1219988685315274755checkered%20flag.svg.hi.png">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<img class="spotlight" aria-busy="true" aria-describedby="fbPhotosSnowliftCaption" style="width: 200px; height: 200px;" alt="" src="https://scontent-atl3-1.xx.fbcdn.net/hphotos-xla1/v/t1.0-9/12313702_922106124540079_548849285871043524_n.jpg?oh=562422204798663858ab12d90c64b7c8&amp;oe=5773C80B">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
<img width="200" height="200" class="irc_mi iGDtkhtShETk-pQOPx8XEepE" style="margin-top: 0px;" alt="" src="http://www.clker.com/cliparts/k/M/F/0/t/p/finish-line-flag-pin-hi.png"> 
<h1> Welcome to the About Us page for Exclusive Automotive!</h1> 

</header>

出典

2016-04-30 Kevin Floyd

一部のHTMLコードを追加してください。 – SEUH

再生できません。 [ここ]（https://jsfiddle.net/1rb1tze4/）を見ればわかるように、画像はうまく表示されます。あなたはおそらくあなたのデザインを壊す何かを持っているでしょう。 –

あなたは、画像のための白い背景を設定できます。

img { 
background: #fff; 
}

出典

2016-04-30 16:18:57

が#topheaderからbackgroundを外し、そしてあなたは、画像を反転してみてください。

*{ 
 
margin:0px; 
 
padding:0px; 
 
} 
 

 
h1{ 
 
font:bold 20 px Tahoma; 
 

 
} 
 
h2{ 
 
font: bold 14px Tahoma; 
 
} 
 

 
    header, section, footer, aside, nav, article, { 
 
display:block; 
 
    } 
 

 
    body{ 
 
width:100%; 
 
display:-webkit-box; 
 
-webkit-box-pack: center; 
 
background-color: black; 
 
color:white; 
 

 
} 
 

 
    #bigwrapper{ 
 
max-width: 1000px; 
 
margin: 20px 0px; 
 
display:-webkit-box; 
 
-webkit-box-orient: vertical; 
 
-webkit-box-flex; 1; 
 
} 
 
    #topheader{ 
 
/* background:white; */ 
 

 
padding: 20px; 
 
text-shadow:rgb(110,110,110) 3px 3px 5px; 
 
} 
 
.irc_mi{ 
 
    -webkit-filter: invert(1); 
 
    filter: invert(1); 
 
}

<div id="bigwrapper"> 
 
<header id="topheader"> 
 
<br> 
 
<br> 
 
<br> 
 
<center><img width="200" height="200" class="irc_mi iGDtkhtShETk-pQOPx8XEepE" style="margin-top: 0px;" alt="" src="http://www.clker.com/cliparts/1/5/2/f/1219988685315274755checkered%20flag.svg.hi.png">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
<img class="spotlight" aria-busy="true" aria-describedby="fbPhotosSnowliftCaption" style="width: 200px; height: 200px;" alt="" src="https://scontent-atl3-1.xx.fbcdn.net/hphotos-xla1/v/t1.0-9/12313702_922106124540079_548849285871043524_n.jpg?oh=562422204798663858ab12d90c64b7c8&amp;oe=5773C80B">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 
 
<img width="200" height="200" class="irc_mi iGDtkhtShETk-pQOPx8XEepE" style="margin-top: 0px;" alt="" src="http://www.clker.com/cliparts/k/M/F/0/t/p/finish-line-flag-pin-hi.png"> 
 
<h1> Welcome to the About Us page for Exclusive Automotive!</h1>

出典

2016-04-30 16:28:07

私の背景は黒ですが、Webページの背景が黒である間、私は私のイメージは黒

答えて

関連する問題