2012-11-03 169 views
3

我的背景圖像應該保留在它的固定尺寸,當我在Dreamweaver中工作或通過各種瀏覽器(mozilla,即chrome)從我的桌面上打開它時。但一旦上傳,背景圖片就會延伸。有人知道這個問題的解決方案嗎?.css延伸的背景

Website

+0

也許你能表現你對通過標記一個響應所提供的幫助表示感謝,因爲答案你要找的人。謝謝。 –

回答

2

嘗試在你的CSS設置此...

body { 
    background:url(YOUR_IMAGE); 
    background-size:80px 60px; 
    background-repeat:no-repeat; 
} 

凡在像素尺寸是一樣的原始圖像尺寸。

+0

它實際上看起來像... body {\t \t font-family:Arial; \t margin:0; \t padding:0; \t顏色:#FFFFFF; \t font-size:12px; \t寬度:100%; \t background:url(../ images/bg.jpg)no-repeat center top #FFFFFF;文本對齊:左; \t -moz-background-size:1152px 770px; \t -webkit-background-size:1152px 770px; \t background-size:1152px 770px; – user1796760

+0

完全清除緩存並重新加載。我只是在我的電腦上試過了,它工作。 –

0

這可能只是一個緩存問題。如果你已經上傳了一切。重新加載頁面。當它的滿載按ctrl + r & /或ctrl + F5。我傾向於交替地打幾次。這應該清除緩存中的圖像和CSS。

如果這不起作用,那麼他們是奇怪的事情。

還值得注意的是,像Dreamweaver這樣的東西將加載內容,就像它是一個瀏覽器。因此,Dreamweaver中的某些內容看起來很棒,但在瀏覽器中沒有按預期做出響應。同樣(使用Visual Studio),軟件中的東西通常看起來非常糟糕,但在瀏覽器中卻很棒。

+0

我重新加載了頁面幾次,並將上傳的索引至少刷新了10次。這一切都很奇怪,讓我瘋狂。 :-( – user1796760

+0

顯然,這個頁面仍然在調用舊的css,這隻能是因爲你沒有將css上傳到正確的位置,你已經重命名了它,並且沒有改變網頁上的引用,上傳前沒有保存過css文件的更新,只能是其中的一個選項 –

+0

你們都很棒!是的,我忘了上傳style.css。非常感謝你!獻給你們所有人! – user1796760

0

您還應該考慮使用FireFox進行開發並安裝Firebug插件。這是一個非常寶貴的工具,可以讓您檢查& /或即時編輯css等。

在您的網站上使用該功能顯示您的背景圖像設置爲100%& 770px。這兩條規則相互衝突。第一種說法是使圖像100%的屏幕寬度,而另一種說法是使背景僅爲770像素。

你需要在這裏更好地考慮你的選擇。

+0

這很奇怪,我實際上改變了它(見上文) – user1796760

+0

那麼,那不是什麼在你的網站上。無論什麼原因,它使用舊式。上傳前是否保存過?你上傳到了正確的目錄嗎? –

+0

奇怪的是,我做過,我還在畫廊中附加了一些新照片,並且這些照片是按照他們應該放置的。 – user1796760

1
body { 
    background:url(YOUR_IMAGE); 
    background-repeat:no-repeat; 
} 

試試這個