css因为未知的原因覆盖了php

css因为未知的原因覆盖了php,php,html,css,cookies,Php,Html,Css,Cookies,由于以下代码中的某些原因,如果css中存在指示行,则不会在登录屏幕上设置cookie。其他css元素也有类似的行为。我已经在这三天了,不知道为什么 对于这些测试,用户名为“test”,密码为“debug” 感谢所有帮助,并提前表示感谢 <html> <head> <?php $LOGIN_INFORMATION = array( 'test' => 'debug' ); // time out after NN minutes

由于以下代码中的某些原因,如果css中存在指示行,则不会在登录屏幕上设置cookie。其他css元素也有类似的行为。我已经在这三天了,不知道为什么

对于这些测试,用户名为“test”,密码为“debug”

感谢所有帮助,并提前表示感谢

<html>
    <head>
        <?php

$LOGIN_INFORMATION = array(
  'test' => 'debug'
);

// time out after NN minutes of inactivity. Set to 0 to not timeout
define('TIMEOUT_MINUTES', 10);

define('TIMEOUT_CHECK_ACTIVITY', true);

$GLOBALS['programname'] = "Testing";



            define('LOGOUT_URL', 'test.php');
            define('USE_USERNAME', true);
            $timeout = (TIMEOUT_MINUTES == 0 ? 0 : time() + 
TIMEOUT_MINUTES * 60);
            if(isset($_GET['logout'])) {
                setcookie("verify", '', $timeout, '/'); // clear 
password;
                header('Location: ' . LOGOUT_URL);
                exit();
            }
            if(isset($_COOKIE['user'])){
                $usr= $_COOKIE['user'];
            }
        ?>
        <link href="https://fonts.googleapis.com/css?family=Rubik" 
rel="stylesheet">
        <style>

label, p, a, h1, h2, h3, th, input{
    font-family: 'Rubik', sans-serif;
}
h1.header{
    font-weight: bold;
    font-size:55px;
}
div.navigation{
    text-align: justify;
    text-justify: distribute-all-lines;
    border: 2px solid #000000;
    border-radius: 5px;
    background-color: #f2f2f2;
    height:30px;
}
div.nav{
    vertical-align:top;
    display: inline-block;
    *display: inline;
}
div.nav p{
    margin:auto;
    transform: translateY(40%);
}
span.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0;
}
body{
    margin:40px;
    margin-top:20px;
    min-width:795px;
}
form, h1, table{
    margin: 10px;
}
table {
    border-collapse: collapse;
    width: 80%;
    empty-cells: show;
}
th, td {
    text-align: left;
    padding: 8px;
}
tr:nth-child(even){
    background-color: #f7f7f7;
}
tr:nth-child(odd){
    background-color: #ffffff;
}
th:first-child, table td.line:nth-child(2){
    border-radius: 5px 0px 0px 5px;
}
th:last-child, table td.line:last-child{
    border-radius: 0px 5px 5px 0px;
}
th {
    background-color: #4CAF50;
    color: white;
}
div.img { 
    display: none;
    position: fixed;
    top: 10px;
    left: 10px;
}
div.img img{
    width: 20vw;
    border-radius: 10px;
}
a{
    text-decoration:none;
    color:black;
}
a p{
    margin-left:10px;
}
a:hover p{
    color:#33cc33;
    text-decoration: underline;
}
p.img:hover{
    color:#33cc33;
    text-decoration: underline;
}
a:hover div.img { 
    display: block;
}
td.line1{
    background-color: #f2f2f2;
}
label{
    display: inline-block;
    margin-left:10px;
}
div.form-group{
    display: inline-block;
}
table td.line:last-child{
    border-right: 1px solid #DDD;
}
td.line{
    background-color: #4CAF50;
    color: white;
}
input[type=text], input[type=password], input[type=date], 
input[type=number], input[type=file], select {
    padding: 12px 20px;
    margin: 8px 0;
    display: inline-block;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    background-color: #ffffff;
}
input[type=submit], input[type=button]{
    width: 100px;
    background-color: #4CAF50;
    color: white;
    padding: 14px 20px;
    margin: 8px 0;
    border: none;
    border-radius: 4px;
    cursor: pointer;
}
input[type=submit]:hover {
    background-color: #45a049;
}
select{
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   height: 40px;
   background-color: #ffffff;
   overflow: hidden;
}
select select {
   background: transparent;
   border: none;
   font-size: 14px;
   height: 29px;
   padding: 5px;
   width: 268px;
}
p.small{
    font-size:15px;
    margin-left:10px;
}
input.red{
    background-color: #CF0000;
}
input.red:hover{
    background-color: #Bd0000;
}
div.border{
    border: 2px solid #000000;
    border-radius: 5px;
    background-color: #f2f2f2;
    padding: 20px;
}
.border, .fadeonce, .img{
    animation: fadein 1s;
    -moz-animation: fadein 1s;
    -webkit-animation: fadein 1s;
    -o-animation: fadein 1s;
}
@keyframes fadein {
    from {
        opacity:0;
        max-height:1px;
        overflow: hidden;                       /*   DELETE THIS LINE 
TO SEE EXPECTED BEHAVIOR */
    }
    to {
        opacity:1;
        max-height:100%;
        overflow: hidden;                       /*   DELETE THIS LINE 
TO SEE EXPECTED BEHAVIOR */
    }
}
@-moz-keyframes fadein {
    from {
        opacity:0;
        max-height:1px;
        overflow: hidden;                       /*   DELETE THIS LINE 
TO SEE EXPECTED BEHAVIOR */
    }
    to {
        opacity:1;
        max-height:100%;
        overflow: hidden;                       /*   DELETE THIS LINE 
TO SEE EXPECTED BEHAVIOR */
    }
}
@-webkit-keyframes fadein {
    from {
        opacity:0;
        max-height:1px;
        overflow: hidden;                       /*   DELETE THIS LINE 
TO SEE EXPECTED BEHAVIOR */
    }
    to {
        opacity:1;
        max-height:100%;
        overflow: hidden;                       /*   DELETE THIS LINE 
TO SEE EXPECTED BEHAVIOR */
    }
}
@-o-keyframes fadein { /* Opera */
    from {
        opacity:0;
        max-height:1px;
        overflow: hidden;                       /*   DELETE THIS LINE 
TO SEE EXPECTED BEHAVIOR */
    }
    to {
        opacity: 1;
        max-height:100%;
        overflow: hidden;                       /*   DELETE THIS LINE 
TO SEE EXPECTED BEHAVIOR */

    }
}

        </style>
        <META HTTP-EQUIV="CACHE-CONTROL" CONTENT="NO-CACHE">
        <META HTTP-EQUIV="PRAGMA" CONTENT="NO-CACHE">
        <?php
            if(!function_exists('showLoginPasswordProtect')) {
                // show login form
                function showLoginPasswordProtect($error_msg) {
        ?>
    </head>
    <body>
        <center>
            <h1 class="header"><?php echo $GLOBALS['programname']; ?>
</h1>
        </center>
        <br>
        <div style="width:500px; margin-left:auto; margin-right:auto; 
text-align:center">
            <div class="border">
                <form method="post">
                    <h2>Please enter your password</h2>
                    <font color="red"><?php echo $error_msg; ?>
</font><br />
                    <?php if (USE_USERNAME) echo '<p>Login:</p><input 
type="text" name="access_login" /><p>Password: </p>'; ?>
                    <input type="password" name="access_password" />
                    <br><br>
                    <input type="submit" name="Submit" value="Submit" 
/>
                </form>
            </div>
        </div>
    </body>
</html>
<?php
                    // stop at this point
                    die();
                }
            }
            // user provided password
            if (isset($_POST['access_password'])) {
                $login = isset($_POST['access_login']) ? 
$_POST['access_login'] : '';
                $pass = $_POST['access_password'];
                if (!USE_USERNAME && !in_array($pass, 
$LOGIN_INFORMATION) || (USE_USERNAME && ( !array_key_exists($login, 
$LOGIN_INFORMATION) || $LOGIN_INFORMATION[$login] != $pass ))){
                    showLoginPasswordProtect("Incorrect password.");
                }else{
                    // set cookie if password was validated
                    setcookie("verify", md5($login.'%'.$pass), 
$timeout, '/');
                    setcookie("user", $login, $timeout, '/');
                    $usr = $login;                                              
                    unset($_POST['access_login']);
                    unset($_POST['access_password']);
                    unset($_POST['Submit']);
                }
            }else{
                // check if password cookie is set 
                if (!isset($_COOKIE['verify'])) {
                    showLoginPasswordProtect("");
                }
                // check if cookie is good
                $found = false;
                foreach($LOGIN_INFORMATION as $key=>$val) {
                    $lp = (USE_USERNAME ? $key : '') .'%'.$val;
                    if ($_COOKIE['verify'] == md5($lp)) {
                        $found = true;
                        // prolong timeout
                        if (TIMEOUT_CHECK_ACTIVITY) {
                            setcookie("verify", md5($lp), $timeout, 
'/');
                            setcookie("user", $usr, $timeout, '/');
                        }
                        break;
                    }
                }
                if (!$found) {
                    showLoginPasswordProtect("");
                }
            } 
        ?>

    </head>
    <body>
        <center>
            <h1 class="header"><?php echo $GLOBALS['programname']; ?>
</h1>
        </center>
        <br>
        <div class="navigation  <?php if ($_GET['page'] == "") {echo 
' fadeonce';}?>">
            <div class="nav"></div>
            <a href="?page=1">
                <div class="nav">
                    <p>test1</p>
                </div>
            </a>
            <a href="?page=2">
                <div class="nav">
                    <p>test2</p>
                </div>
            </a>
            <a href="?page=3">
                <div class="nav">
                    <p>test3</p>
                </div>
            </a>
            <a href="?page=4">
                <div class="nav">
                    <p>test4</p>
                </div>
            </a>
            <a href="?page=0">
                <div class="nav">
                    <p>test0</p>
                </div>
            </a>
            <a href="?logout=1">
                <div class="nav">
                    <p>Logout <?php echo $usr;?></p>
                </div>
            </a>
            <div class="nav"></div>
            <span class="stretch"></span>
        </div>
        <br>

        <div class="border" <?php if ($_GET['page'] != "0") {echo 
'style="display: none;"';}?>>
            <h1>Test 0</h1>
            <p>this is a test page</p>
        </div>

        <div class="border" <?php if ($_GET['page'] != "1") {echo 
'style="display: none;"';}?>>
            <h1>Test 1</h1>
            <p>this is a test page</p>
        </div>

        <div class="border" <?php if ($_GET['page'] != "2") {echo 
'style="display: none;"';}?>>
            <h1>Test 2</h1>
            <p>this is a test page</p>
        </div>

        <div class="border" <?php if ($_GET['page'] != "3") {echo 
'style="display: none;"';}?>>
            <h1>Test 3</h1>
            <p>this is a test page</p>
        </div>

        <div class="border" <?php if ($_GET['page'] != "4") {echo 
'style="display: none;"';}?>>
            <h1>Test 4</h1>
            <p>this is a test page</p>
        </div>

        <div  <?php if ($_GET['page'] == "") {echo 
'class="fadeonce"';}?>>
            <p><b>Footer Text</p>
        </div>
    </body>
</html>

标签,p,a,h1,h2,h3,th,输入{
字体系列:“Rubik”,无衬线;
}
h1.1标题{
字体大小:粗体;
字体大小:55px;
}
分区导航{
文本对齐:对齐;
文本对齐:分布所有行;
边框:2倍实心#000000;
边界半径:5px;
背景色:#F2F2;
高度:30px;
}
导航处{
垂直对齐:顶部;
显示:内联块;
*显示:内联;
}
分区导航p{
保证金:自动;
转化:translateY(40%);
}
伸展{
宽度:100%;
显示:内联块;
字号:0;
线高:0;
}
身体{
利润率:40像素;
边缘顶部:20px;
最小宽度:795px;
}
表格,h1,表格{
利润率:10px;
}
桌子{
边界塌陷:塌陷;
宽度:80%;
空单元格:显示;
}
th,td{
文本对齐:左对齐;
填充:8px;
}
tr:n个孩子(偶数){
背景色:#f7f7f7;
}
tr:n个孩子(奇数){
背景色:#ffffff;
}
第四个:第一个子,表td。行:第N个子(2){
边界半径:5px 0px 0px 5px;
}
th:最后一个孩子,表td。行:最后一个孩子{
边界半径:0px 5px 0px;
}
th{
背景色:#4CAF50;
颜色:白色;
}
div.img{
显示:无;
位置:固定;
顶部:10px;
左:10px;
}
部门经理经理经理{
宽度:20vw;
边界半径:10px;
}
a{
文字装饰:无;
颜色:黑色;
}
a p{
左边距:10px;
}
a:悬停p{
颜色:#33cc33;
文字装饰:下划线;
}
p、 img:悬停{
颜色:#33cc33;
文字装饰:下划线;
}
a:悬停div.img{
显示:块;
}
td.line1{
背景色:#F2F2;
}
标签{
显示:内联块;
左边距:10px;
}
分组{
显示:内联块;
}
表td.行:最后一个孩子{
右边框:1px实心#DDD;
}
td.line{
背景色:#4CAF50;
颜色:白色;
}
输入[type=text],输入[type=password],输入[type=date],
输入[类型=编号],输入[类型=文件],选择{
填充:12px 20px;
利润率:8px0;
显示:内联块;
边框:1px实心#ccc;
边界半径:4px;
框大小:边框框;
背景色:#ffffff;
}
输入[类型=提交],输入[类型=按钮]{
宽度:100px;
背景色:#4CAF50;
颜色:白色;
填充:14px 20px;
利润率:8px0;
边界:无;
边界半径:4px;
光标:指针;
}
输入[类型=提交]:悬停{
背景色:#45a049;
}
挑选{
-webkit边界半径:5px;
-moz边界半径:5px;
边界半径:5px;
高度:40px;
背景色:#ffffff;
溢出:隐藏;
}
选择{
背景:透明;
边界:无;
字体大小:14px;
高度:29px;
填充物:5px;
宽度:268px;
}
p、 小的{
字体大小:15px;
左边距:10px;
}
输入。红色{
背景色:#CF0000;
}
输入。红色:悬停{
背景色:#Bd0000;
}
分区边界{
边框:2倍实心#000000;
边界半径:5px;
背景色:#F2F2;
填充:20px;
}
.border、.fadeonce、.img{
动画:Fadein1s;
-moz动画:Fadein1s;
-网络工具包动画:Fadein1s;
-o-动画:fadein1s;
}
@关键帧淡入淡出{
从{
不透明度:0;
最大高度:1px;
溢出:隐藏;/*删除此行
看到预期的行为*/
}
到{
不透明度:1;
最大高度:100%;
溢出:隐藏;/*删除此行
看到预期的行为*/
}
}
@-moz关键帧fadein{
从{
不透明度:0;
最大高度:1px;
溢出:隐藏;/*删除此行
看到预期的行为*/
}
到{
不透明度:1;
最大高度:100%;
溢出:隐藏;/*删除此行
看到预期的行为*/
}
}
@-webkit关键帧fadein{
从{
不透明度:0;
最大高度:1px;
溢出:隐藏;/*删除此行
看到预期的行为*/
}
到{
不透明度:1;
最大高度:100%;
溢出:隐藏;/*删除此行
看到预期的行为*/
}
}
@-o-关键帧fadein{/*Opera*/
从{
不透明度:0;
最大高度:1px;
溢出:隐藏;/*删除此行
看到预期的行为*/
}
到{
不透明度:1;
最大高度:100%;
溢出:隐藏;/*删除此行
看到预期的行为*/
}
}

请输入您的密码




不要认为这与css代码有关。问题可能是,在标头已发送后,您无法发送cookies

在您的情况下,必须将
setcookie
代码放在


...

如果标题已发送,则无法发送Cookie-因此必须在输出任何内容之前调用
setcookie
(在您的情况下,必须在之前调用setcookie代码),如果这是一个答复,我会将其标记为答复。非常感谢你的帮助。我不知道那是怎么从我身边溜走的。。。
<?php
// ...
setcookie(...);
//...
?>
<html>
    <head>
    ...