Question

有人知道如何修复 this issue?

周围有绿色，我想知道如何移除/让其他颜色覆盖它。

这是CSS文件，我有2个css文件，不确定是否有问题。

*{
    padding: 0;
    margin: 0;
}

body{
    width: 100%;
    height: auto;
    overflow: hidden;
    background-color: #c4a1a2;
}

.content-wrapper{
    width: 80%;
    margin: 4% 10% 5% 10%;
}

.content-wrapper img{
    width: 100%;
}

.text-wrapper{
    width: 100%;
    position: relative;
    margin-top: -40%;
}

.text-wrapper h1{
    text-align: center;
    color: #ffffff;
    font-size: 10vw;
    font-family: 'lobster', cursive;
    
    
  <!-- New CSS post -->
  
 html {
	height: 100%;
}

body { 
	margin: 0px;
	height: 100%;
}

h1 { text-align: center; }

.hoofdtabel { 
	width: 100%;
	height: 100%;
    margin: 0px;
	border-collapse: collapse;
} /* Vervangt cellspacing="0" */

.kop { 
	width: 100%;
    height: 10%;
	background-color: 	#5570aa;
	text-align: center;
	font-size: 72px; 
}
			 
.menu { 
	width: 12%;
    height: 70%;
	padding: 5px;                   /* Vervangt cellpadding="5" */
	background-color: #9e6171;
	vertical-align: top; 
}

.inhoud { 
	width: 96%;
    height: 85%;
	padding: 5px;
	text-align: left;
	background-color: #b8c6c4;
	vertical-align: top; 
} 
					
.onder {
	width: 100%;
    height: 5%; 
	padding: 5px;
	background-color: black;
	vertical-align: middle;
	text-align: right;
	color: white;
}

.button {
	padding: 16px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    transition-duration: 0.4s;
    cursor: pointer;
	background-color: #e9ece5;
    color: black;
    border: 2px solid #b3c2bf;
    width: 100px;

}

.button:hover {
    background-color: #008CBA;
}

.frame {
	height: 100%;
	width: 100%;
	border: none;

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>Text Over Image</title>
        <link rel="stylesheet" href="text_over_image.css">
        <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet">
    </head>
    <body>
        <div class="content-wrapper">
            <img src="https://i.stack.imgur.com/YE31e.png">
            <div class="text-wrapper">
                <h1>Welkom!</h1>
            </div>
        </div>
    </body>
</html>

对不起，如果我犯了错误，我是新手，也是编程的新手。

缺少图片：enter image description here

*第二个CSS文件在

之后开始

颜色未覆盖整个屏幕

0 个答案: