0

PHPでWebサイトを作ろうとしています。私のメイン ページでは、(php で) include 関数を使用して、他のファイルをそのページに含めています。しかし、メインページをロードすると、他のファイルの 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 を実行すると、すべてが適切に配置されます。

これを修正する方法はありますか？

これを引き起こしている他の種類の問題がある可能性はありますか?

index.php の上部でこれを見つけて<!DOCTYPE html>削除し、問題が解決するかどうかを確認しましたが、何らかの理由で解決されました。なぜそれが修正されたのかわかりませんが、今ではすべてが機能しています。

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