0

好的，我花了几天时间试图弄清楚为什么这不起作用，到目前为止谷歌没有给我任何用处。也许有一个我不知道的内置规则。我讨厌在这样的网站上发布可能是微不足道的问题，但我已经用尽了自己的努力。

所以我在我的 CSS 中放置了一个背景，它适用于 alotted 标签，但它添加了一些未指定的填充。试图改变它无济于事。身体的背景延长了屏幕的持续时间，但不是这个。

这是包含标题的地方。

<?php
    require_once 'classes/Membership.php';
    $membership = new Membership();
    $loggedin = $membership->confirm_loggedin();
    if(!$loggedin){
        ob_start();
        header("Location: http://lolteamrecruiter.com/login.php");
        ob_end_flush();    
    }

?>

<!DOCTYPE html>
<?php

include @ 'header.php';

?>
<html>
    <head>
        <meta charset="UTF-8">
        <title>Login</title>
    </head>
    <body>

    <div id="Login">

        <!--LOGOUT BUTTON -->
        <p>
            Results Page
        </p>
    </div>
    </body>
</html>

这是包含的 php 文件。

<link href="css/header.css" rel="stylesheet" type="text/css" />

<div id="header">
    <a href="index.php"><img src="css/images/angel.png" height="40px" width="20px"></a> 

    <?php
    require_once 'classes/Membership.php';
    $membership = new Membership();
    $loggedin = $membership->confirm_loggedin();
    if($loggedin){
        echo '    <div id="header-right-account">
    <ul id="nav">
    <li><a href="#">My Account</a>
        <ul>
            <li><a href="#">Edit</a></li>
            <li><a href="#">Tacos</a></li>
            <li><a href="#">Burritos</a></li>
            <li><a href="http://lolteamrecruiter.com/login.php?status=logout">Log Out</a></li>
        </ul>
    </li>
    </ul>
    </div>';

    }else{
     echo '<div id="header-right"><a href="login.php">Log In</a></div>';

    }
    ?>


</div>

这是应用背景的css文件

#header{

    background-image : url(images/black.png); 
    background-repeat : no-repeat; 
    background-size: 100% 100%;
    background-attachment : fixed;  
    background-origin:border-box;
    margin: 0 auto;
    padding: 0;
    top:0;

}

看到这个的网站是http://lolteamrecruiter.com/

4

3 回答 3

0

默认情况下，您的图像与基线对齐，这意味着它下方的间隙是 p、g、j 等字母下部的空间。

试试这个：

#header a img { vertical-align: middle; }
于 2013-09-17T21:58:07.003 回答
0

您是指徽标周围的间距吗？只需将 display:block 添加到图像中。

编辑

好的，将 margin:0 添加到正文中。

于 2013-09-17T22:00:51.207 回答
0 
body {
  background-image : url(images/login-box-backg2.png) no-repeat; 
  background-size: 100% 100%;
  background-attachment : fixed;
  margin: 0;
  padding: 0;
}
于 2013-09-17T22:05:41.943 回答