0

わかりました、なぜこれが機能しないのかを理解しようと数日を費やしましたが、今のところ Google は何も役に立ちません。たぶん、私が気づいていない組み込みのルールがあります。このようなサイトに、些細なことかもしれないが自分の努力を尽くした質問を投稿するのは嫌いです.

そのため、CSS に背景を配置しましたが、割り当てられたタグで機能しますが、指定されていないパディングが追加されています。それを変えようとしても何も変わりません。本文の背景は画面の持続時間を引き伸ばしますが、これは引き伸ばしません。

ここにヘッダーが含まれています。

<?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 
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 に答える
0

ロゴの周りのスペースのことですか？画像に display:block を追加するだけです。

編集

さて、本文に margin:0 を追加します。

于 2013-09-17T22:00:51.207 に答える
0

デフォルトでは、画像はベースラインに合わせて配置されます。つまり、その下のギャップは、p、g、j などの文字の下の部分のためのスペースです。

これを試して：

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