2016-07-15 56 views
-2

我有一個網頁,我一直在這裏工作了一下。我添加了一些從「代碼生成器」實現的彈出式Web表單,然後在完成我的主頁時嘗試設置背景顏色。包括JavaScript文件打破我的背景顏色

<style>body {background-color: yellow !important;}</style> 

對於我的生活,我無法得到一個背景顯示,直到我從頭上刪除這三行代碼。它明顯地擺脫了彈出式功能,並將它們顯示爲頁面上的永久對象,但背景最終顯示出來。我似乎無法找到爲什麼會發生這種情況的任何信息。

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
<script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

他們只是似乎不管你將調用包括在web開發中的文件(對不起,我來自AC背景和網絡的發展是一個有點超過我的腦袋。)

編輯:每個人都建議把我的風格在包含文件下的腳本。 這就是它的設置。對不起,沒有發佈一個例子。

<html> 
<head> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css"> 
    <script src="http://code.jquery.com/jquery-1.11.3.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script> 

    <link rel="stylesheet" type="text/css" href="gauge.css" /> 
    <link rel=」stylesheet」 type="text/css" href="common.css" /> 

    <style>body {background-color: yellow;}</style> 

//PHP STUFF 
//JAVASCRIPT STUFF 
</head> 

<body> 
    //TABLES AND BUTTONS FOR POP UP FORMS 
</body> 
//PHP STUFF 

編輯FYI 體{背景色:黃色重要;} 不工作。看到一個黃色的bg持續1/4秒然後擦拭成白色。

+0

jquery文件將設置一個移動樣式的環境http://demos.jquerymobile.com/1.2.1/docs/pages/page-anatomy.html ...如果你不需要它,刪除它。 – Daniel

+0

正如我所說,它似乎是我彈出窗體所必需的。另外我的目標平臺將會是移動的,所以我需要嘗試使用這些文件解決它。 –

+0

這是一個非常模糊的帖子。我想知道放置哪條線樣式標籤以及3個輸入放置在哪條線上。這可能是jQuery的CSS樣式表覆蓋了背景顏色,因爲它是在聲明瞭style標籤之後在HTML文檔中聲明的。只要確保你的樣式標籤是在所有樣式表導入後寫入的,因爲如果你在第10行中設置了'background-color:yellow',然後在第11行或更高版本中導入樣式表,可能會將主體的背景顏色設置爲紅色,將是紅色的。 – btrballin

回答

0

嘗試編寫CSS樣式的3行之後它可能工作

+0

感謝您的迴應,但這是他們開始的地方。我甚至試過無濟於事。 –

+0

只有css文件不影響任何js文件的樣式。嘗試刪除它,並離開其他兩個 –

+0

因此,只是取出樣式錶行工作.....但它打破了我的彈出窗體功能。將它們設置爲頁面上的永久對象。感謝您再次嘗試:) –

0

<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">鏈接到一個樣式表。賠率是好的,它覆蓋了你輸入的內容。在鏈接到該樣式表後輸入代碼,它應該應該工作。但是,它仍然可能不會。這取決於造型。

+0

如果您的意思是將後臺代碼放在指向它所在位置的樣式表的鏈接之後。我通常會在鏈接到這些類型的文件之後放置大部分內容。 –

+0

然後樣式表覆蓋您想要使用的樣式。這通常由於特異性而發生。你可以嘗試使用'!important'。 –

+0

嗯。謝謝你的提示!我會去研究那個。 –