0

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

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

我当然可以让我的 img 高 10000 像素，但这似乎会创建一个非常大的图像。

到目前为止，我尝试创建一个新的 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%;
4

3 回答 3

2

添加

background-color:#fff;

对你#mainc和#head;)

于 2013-07-24T20:42:15.843 回答
1

只需添加

background-color: #FFFFFF;

你的#mainc风格应该可以解决问题

于 2013-07-24T20:42:30.713 回答
1

首先从清理你的 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 声明。这将永远无法正常工作。

于 2013-07-24T20:47:05.207 回答