Question

首先，我的网站是：http://www.volunteeringnews.com

在网站上，我希望白色继续到网站的底部，但他现在正在切换背景图像。

我可以让我的img 10000 px高，但这似乎创造了一个非常大的图像。

到目前为止，我尝试创建一个新的Div来绕过背景div但是他只是翻过背景div。

我尝试了z-index，但没有做任何事。

我尝试使用HTML中的IMG而不是CSS，但这让我的img脱节了。（我将背景拆分为顶部和主要部分的两个图像）。

我整天都在这里，并希望有人能够帮助我。

ps.对不起，如果这是一个菜鸟问题，但我只是建立网站几个月。

谢谢！

#head{
margin:0px;
height:215px;
background-image:url(../img/background/background_01.gif);
background-repeat:no-repeat;
width:100%;


}

#mainc {


margin-top: 0px;
width:90%;
position:absolute;
background-image:url(../img/background/background_02.gif);
background-repeat:no-repeat;
min-height:100%;

Answer 1

添加

background-color:#fff;

到您的#mainc和#head;）

Answer 2

只需添加

即可

background-color: #FFFFFF;

到你的#mainc风格应该做的伎俩

Answer 3

首先清理你当前看起来像这样的html：

<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Volunteering News- All your volunteering news plus a database to look for your own advernture. - Cheap and free</title>
<link href="css/styles.css" rel="stylesheet">
<link href="wordpress\wp-content\themes\twentytwelve\style.css" rel="stylesheet">

<meta name="Volunteering" content="width=device-width, initial-scale=1.0">

</head>

<!--body-->

    <body>
<div class="topnav"></div>
<header><!doctype html>
<html lang="en">        
<head>
<meta charset="utf-8">
<title>Volunteering Field- Volunteer direct, cheap and easy</title>
<link href="css/styles.css" rel="stylesheet">

<meta name="Volunteering" content="width=device-width, initial-scale=1.0">

<div class ="sql">
</div>

</head>



<body>

<div id="wrapper">
             <img src="img/form/background.jpg" class="stretch" alt="" />
</div> 

    <div id="head">

        <div class="logo">
            <img src="img/head/logo.png">
        </div>




        <div class="menu-top">
            <!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Volunteering Field- Volunteer direct, cheap and easy</title>
<link href="css/styles.css" rel="stylesheet">

<meta name="Volunteering" content="width=device-width, initial-scale=1.0">

</head> 

<body>
<div id="navigation">
<ul id="nav" class="drop">

  <li><a href="home.php">Home</a></li>

您有多个doctypes，多个html标记，多个head标记，多个css声明。这将无法正常工作。

背景图片：不会继续白色

3 个答案: