CSS的問題，包括PHP中的函數

我想在php中開發一個網站。在我的主頁上，我使用include函數（在php中）包含其他文件。但是當加載主頁面時，其他文件中的CSS全部搞砸了。它顯示出好像根本沒有CSS，因此一切都在彼此之上。當我分別加載文件時，一切正常。CSS的問題，包括PHP中的函數

所以在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的頂部，並刪除它，看看它是否會解決這個問題，並由於某種原因它。我不知道爲什麼修復它，但現在一切正常。

來源

2013-08-16 G.SINGH

使用絕對的css路徑。 – Prasanth

工作代碼會很有幫助。 –

請包括php，其中一個包含的文件和css –

我建議不要使用「包括」，請嘗試以下way-

<?php 
. 
. 
. 
?> 
<link href="../bootstrap/css/bootstrap-timepicker.min.css" rel="stylesheet" 
type="text/css"/> 
<?php 
. 
. 
. 
?>

來源

2013-08-16 05:17:36 rushi

對不起，我不知道這是什麼意思。 –

就包括通過PHP CSS文件。它的合法！

<?php include ('yourheader.php'); ?> 
<style> 
<?php include ('main.css'); ?> 
</style>

來源

2013-08-16 05:22:05

不僅CSS不會被緩存，它會膨脹每一頁。 –

是的，但確實保存了一個http請求。這聽起來像一個可怕的想法，但我想知道它在某些情況下實際上是否更快。 –

您也可以使用@import來加載CSS樣式。

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

/*上面會從這個單個文檔加載所有這三個CSS文件。 */

來源

2013-08-16 05:44:16

CSS的問題，包括PHP中的函數

回答

相關問題