0

我正在尝试用 php 开发一个网站。在我的主页上，我使用包含函数（在 php 中）在其中包含其他文件。但是当加载主页时，其他文件中的 CSS 都搞砸了。它显示好像根本没有 CSS，所以一切都在彼此之上。当我分别加载文件时，一切正常。

所以在 index.php 文件中我有

//code 
include 'toolbar.php';

然后在toolbar.php我有

div.fileinputs 
{
    position: relative;
}

div.fakefile 
{
    position: absolute;
    top:0px;
    left:0px;
    z-index: 10;
}
.text_computer
{
    position: absolute;
    top:80px;
    left:20px;
    z-index: 20;
    text-align:center
}
input.file 
{
    cursor: pointer;
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 30;
    width:317;
    height:202;
}
.text_upload
{
    position: absolute;
    top:6px;
    left:80px;
    z-index: 20;
    text-align:center
}
input.submit
{
    cursor: pointer;
    position: relative;
    text-align: right;
    -moz-opacity:0 ;
    filter:alpha(opacity: 0);
    opacity: 0;
    z-index: 30;
    width:330;
    height:50;
}
//code
<div class="fileinputs">
            <input type="file" class="file" name='image'/>
            <div class="fakefile">
                <img src='red_frame.png' width='330'>
            </div>
            <div class="text_computer">
                <a style='font-family:Arial;color:white;'><font size='6'>Choose a photo from<br> your Computer</font></a>
            </div>
        </div>
        <div class="des_box">
            <textarea name='description' cols='38' rows='4' placeholder='Enter a description here...' maxlength='500'></textarea><br>
        </div>
        <br>
        <div class="fileinputs">
            <input type="submit" class="submit" value='Upload'>
            <div class="fakefile">
                <img src='red_frame.png' width='330' height='50'>
            </div>
            <div class="text_upload">
                <a style='font-family:Arial;color:white;'><font size='6'>UPLOAD!!!!</font></a>
            </div>
        </div>

这不是所有代码，但是当我将它包含在 index.php 中时，这是相互叠加的部分

当我刚刚运行 toolbar.php 时，一切都很好。

有没有办法来解决这个问题？

可能有其他类型的问题导致这种情况吗？

等等，没关系<!DOCTYPE html>，我在 index.php 的顶部找到了它并将其删除，看看它是否能解决问题，并且由于某种原因它确实如此。我不知道为什么会修复它，但现在一切正常。

4

3 回答 3

1

我建议不要使用'include'，请尝试以下方式- 

<?php 
.
.
.
?>
<link href="../bootstrap/css/bootstrap-timepicker.min.css" rel="stylesheet" 
type="text/css"/>
<?php 
.
.
.
?>
于 2013-08-16T05:17:36.207 回答
0

只需通过 PHP 包含您的 CSS 文件。它是合法的！

<?php include ('yourheader.php'); ?>
<style>
<?php include ('main.css'); ?>
</style>
于 2013-08-16T05:22:05.620 回答
0

您也可以使用 @import 来加载 css 样式。

    @import url('/css/styles.css');
    @import url('/css/main.css');
    @import url('/css/color.css');

/* 以上三个 CSS 文件都将从这个文档中加载。*/

于 2013-08-16T05:44:16.603 回答