2012-06-28 58 views
0

好吧,我不知道爲什麼這不起作用。它看起來像我的代碼應該是這樣,有人可以告訴我爲什麼我的背景圖像顯示不正確?爲什麼背景圖片不顯示在這裏?

http://imgur.com/V6X4u

body { 
    font-family:arial; 
    font-size:14px; 
    background-image:url('worn_dots.png'); 
    background-repeat:repeat; 
    } 

出於某種原因,當我一個網址,背景顯示更換網址,但這樣的事實並非如此。

+0

停止接聽! img url不存在403禁止的錯誤。 – SVS

+0

css上方的網址廢除了你的css – Musa

+1

感謝Ahsan,從'body {}' –

回答

1

編輯:

根據您的屏幕截圖你的CSS是在css文件夾裏面,所以路徑圖像中的CSS是這樣的:

background-image:url(../worn_dots.png) 

至於你的形象出現在根文件夾和css是prenst在css文件夾,所以使用../來關聯你的圖像在css

+0

ohhh所以它必須是它與CSS表結合在一起..... wowwww gotcha有道理 – king

1

你應該叫下面的代碼中提到的一樣: -

body { 
     font-family:arial; 
     font-size:14px; 
     background:url('http://i.imgur.com/RECGP.png') repeat 0 0; 

     } 

它的做工精細現在檢查: - http://jsfiddle.net/hWvCK/2/

+0

有趣......謝謝。這真的很奇怪爲什麼另一個人不工作。 – king

+0

如果我不想重複一個圖像,該怎麼辦?我試圖只用「background:url('address');」但它沒有工作。我結束了只是用HTML做標籤,因爲我無法弄清楚如何使它與html工作 – king

+1

@sab用'no-repeat'替換'repeat' – Hawken

2

背景圖像是被禁止的看到這一點,它的工作

DEMO

+0

老兄什麼,真的。該死的。我現在擁有的方式是在我的本地目錄中。如果我剛剛在我的directoy中的文件名,與index.html(正在編輯的頁面)相同的目錄中,我將如何放入URL?例如,文件名是'worn_dots.png',所以我把它作爲'worn_dots.png'放到代碼網址中。這是不是禁止我在哪裏,我把它放錯了? – king

+1

@CoDe aDDict,URL:http://i.imgur.com/RECGP.png沒有被禁止也可以工作,但是他有一些CSS錯誤。 –

+1

@AhsanRathod在我訪問它的時候這是被禁止的。我用他用過的同一個css來做,而且很好。看我的演示 – Rab

1

您的CSS無效:

http://i.imgur.com/RECGP.png 

body { 
    font-family:arial; 
    font-size:14px; 
    background-image:url('http://i.imgur.com/RECGP.png'); 
    background-repeat:repeat; 
    } 

只是刪除了地方的URL:

body { 
    font-family:arial; 
    font-size:14px; 
    background-image:url('http://i.imgur.com/RECGP.png'); 
    background-repeat:repeat; 
    } 

此外您使用時具有一定參考報頭請求被阻止的圖像。

圖像本身可以精細訪問:http://i.imgur.com/RECGP.png

在JSBin圖像不阻止:http://jsbin.com/ixibot

然而,作爲一個的jsfiddle頁面就被阻止的一部分:http://fiddle.jshell.net/hWvCK/2/show/

看來這不是僅限於JSFiddle(http://forumserver.twoplustwo.com/55/about-forums/imgur-being-blocked-1184548/index2.html#postcount32237568

+0

你改變了什麼,這看起來是一樣的 – king

+1

@sab我刪除了你的CSS中間的網址。第2行我相信。 – Hawken

+0

是修正版本的底部嗎?它看起來和上面的一模一樣嗎? – king