2013-11-21 59 views
0

我有一個頁面,我已經應用style.css,並在該機構默認情況下給出了一個背景圖像,將通過添加css文件自動設置該頁面。 但是,我希望所有的格式都一樣,但我想更改背景圖片。因此,我將不得不做的重寫CSS格式?如何覆蓋css提供背景圖片?

style.css我已經給:

body 
{ 
    background: url(images/bg.jpg) repeat-x #e4e9ec top; 
} 

但我想bg.png,因爲它的背景,使我用:

<body background="images/noise-bg.png"> 

有什麼辦法?

+0

你爲什麼不改變css呢? – Prisoner

+0

添加'!重要'標誌? – Thew

+0

@Prisoner - 因爲在我的所有其他頁面中,我必須使用該背景圖片。 –

回答

4

像這樣的東西應該工作:

<body style="background-image: url(images/noise-bg.png)"> 

在特異性方面,風格屬性應該比在樣式表中定義的樣式更加具體。

enter image description here

您可以在此處詳細瞭解CSS的特異性:http://css-tricks.com/specifics-on-css-specificity/

+0

先生它的工作原理,但是當我給'重複-x#e4e9ec頂部',它不起作用。圖像的尺寸很小,所以我必須'使用repeat-x'。 –

+0

我必須在整個頁面上傳播圖像。 –

0

設置background-image屬性。

+0

我已經設置了它,但我想要其他圖像。 –

+0

將其設置爲不同的值。 – Quentin

0

你可以給不同的ID屬性body標籤在您的網站頁面。

例如,對於主頁,你可以使用:

<body id="home"> 

而對於另一個頁面,您可以使用:

<body id="other"> 

顯然,這些ID名稱只是一個例子,使用那些使大多數感覺您的網站。

然後在CSS就可以指定特定頁面,如:

body#home { 
    background: url(images/bg.jpg) repeat-x #e4e9ec top; 
} 

而對於另一個頁面,你可以使用:

body#other { 
    background: url(images/another-bg.jpg) repeat-x #e4e9ec top; 
} 

希望有所幫助。