更改div的JavaScript類的背景由css

我有問題這是JavaScript的功能，它不顯示圖像的背景。更改div的JavaScript類的背景由css

document.getElementById(showtag).className='loadings';

，這是類屬性在CSS我認爲這個問題是在URL path.loading.gif是在圖像文件夾中。

.loadings 
{ 
    height:50px; 
    padding-left:15em; 
    background-image:url('images/loading.gif'); 
    background-repeat:no-repeat; 
    background-position:center; 
}

來源

2011-03-19 sadi

你使用哪個程序 – 2011-03-19 09:49:41

visual basic或eclipse或什麼..你使用grails或asp.net或什麼 – 2011-03-19 09:50:29

php和ajax。它不會加載圖像。問題路徑 – sadi 2011-03-19 10:04:38

的問題是最有可能的是，你有這樣的目錄結構：

/css/style.css 
/images/loading.gif

所以你的CSS指向

/css/images/style.css

如果是這樣，添加一個/與前部網址。

來源

2011-03-19 09:57:13 Quentin

你是指的這樣的 ** url（'/ images/loading.gif'）** – sadi 2011-03-19 09:59:18

@sadi：是的。 *（還有什麼意思？）* – 2011-03-19 10:00:10

@ T.J我有目錄結構 style/main.css 和 ** url（'/ images/loading。gif'）**不起作用 – sadi 2011-03-19 10:00:49

假設變量showtag包含頁面上存在已有的元素的id，那麼您的代碼應該可以工作。

事情就這樣看：

是否showtag有正確的價值？（通過在調試器中單步執行代碼進行檢查; 2011年，no excuse不針對客戶端代碼使用調試器。）
運行代碼時是否存在該元素？或者稍後添加？如果稍後添加，則您需要安排代碼稍後運行（將script元素放置在頁面末尾，即關閉</body>元素之前，或者使用window.onload或其他「已加載」或「準備就緒」事件如果你使用的話，由你的圖書館提供）。
如果您手動將該類的div添加到頁面，會發生什麼情況？是否正確應用了班級中的樣式？如果沒有，你知道你有一個CSS/HTML問題，而不是JavaScript問題。大多數瀏覽器中的開發人員工具（參見上面的第1點）將幫助您找出CSS問題，例如 —，例如，如果圖像路徑不正確，則向您顯示圖像請求是404。

來源

2011-03-19 09:57:28

現在通過編寫** ../** – sadi 2011-03-19 10:10:22

您必須使用正確的路徑爲gif。

現在讓我們假設你的CSS負載從路徑/style，你看的是存放的路徑/img/backgroundimages的圖像，然後將背景圖片的URL可能是url(../img/backgroundimages/loading.gif)或url(/img/backgroundimages/loading.gif)。換句話說，使用來自您的css文件存儲路徑的相對路徑，或使用來自服務器根目錄的絕對路徑（在url前加/）。

來源

2011-03-19 10:02:56 KooiInc

@kooilnic現在感謝它的確定 – sadi 2011-03-19 10:08:23

更改div的JavaScript類的背景由css

回答

相關問題