1. 用css 切換背景圖片的時候 為什麼會重新載入背景圖片 如何避免這種問題
因為你用了兩張圖片,如果某條樣式沒有調用,那麼該樣式定義的包括圖片背景設定都會不起作用,當調用的時候不如a:hover,這個時候楊時才起作用,才開始調用圖片。
要避免這個問題,可以將兩張背景圖片合成一張,在css中背景定義同一張圖片,但是在背景位置中定義不同的值。
2. 如何用jquery判斷css里的背景圖片載入完成
//①首先要獲得該元素背景圖片的URL;
//②NEW一個圖片對象
var bgimg = new Image();
//③給這個圖片對象加上onload事件
bgimg.src = '該元素背景圖片的URL';
bgimg.onload = function () {
//圖片對象載入完成,對應的該元素背景圖片也載入完成
}
3. css背景無法載入求助
c盤根目錄?如果在本地的話用相對路徑!比如css和網頁文件和圖片在一個目錄
background:url(1.jpg);
如果css和img不在一個目錄就是:
background:url(../images/1.jpg);
如果是在伺服器 你這就是明顯不對了!
其他或者是c盤根目錄壓根沒這個bj1.jpg
4. 如何使 css 中的背景圖片 在頁面載入時全部下載完成
要使 css 中的背景圖片在頁面載入時全部下載完成,可以使用CSS實現。示例代碼如下:
#preloader{
background-image:url(image1.jpg);
background-image:url(image2.jpg);
background-image:url(image3.jpg);
width:0px;
height:0px;
display:inline;
}
這個概念就是寫一個CSS樣式設置一批背景圖片,然後將其隱藏,這樣你就看不到那些圖片了。那些背景圖片就是你想預載的圖片。
5. css插入背景圖片時背景圖片顯示不出是什麼原因
1,css沒有被調用
2,css圖片地址不對
3,div的高度沒有固定,是auto或者沒有設值
4,div被嵌套
5,div代碼不規范
6. ie下css背景圖片載入延遲閃爍
#header-login{ /*頂部登陸條*/
width:1000px;
height:18px;
background:url(image/header-login-bg.gif) repeat-x top left;}
看上邊的代碼,主要有兩點,1.最好把那張背景圖直接放在同一目錄的images下,這樣子必免瀏覽器走彎路找你的圖片路徑,2.top和left.在寫的時候最好還是加上。最後你有一句是重復刪掉
忘了說一句不知道你的背景圖片多大,越小越好!
這個問題就不是CSS的問題了,我覺的是你的頁面載入的東西太多了,而且肯定有由先擇行的,導致頁面,先執行了由先執行的。這種問題只能用排除,從最有可能的地方一點點的試。不過你可以,先把所有的東西移除,只保留你想要的,看看什麼結果
7. div+css背景圖片載入很慢
可能圖片像素太高,內存太大。可以修改為JPG格式,或者壓縮普通像素。
伺服器或虛擬主機配置太低。升級CPU和帶寬。
8. css網頁製作 為什麼背景圖片顯示不了
第1,字元編碼調整為utf-8,你當前使用的是gb2312
第2,background-image屬性當中所書寫的有誤,用實際路徑,而且文件夾名字最好不要用中文(基本的開發規范和標准),不要用編碼後的字元串,如:
background:url('../images/HTML5-學堂.jpg')
第3,你的路徑不要寫錯,在谷歌或者其他瀏覽器當中,點擊F12鍵,調出控制台,查看是否有錯誤,如果有文件沒有載入成功,則說明你的相應文件沒有成功引入
第4,body當中需要有內容,默認body的高度是由內容撐開的,沒有內容body就沒有高度,背景圖自然無法看到
最後,建議你弄本書系統的學一學,裡麵包括一些類名的命名,書寫的規范,在你代碼當中都有不少不合適的地方,畢竟學東西是為了有實際的用處,既然要寫代碼,寫的規范一些,按照開發行業標准來寫豈不是更好。HTML與CSS方面,推薦《HTML5布局之路》,JS,可以藉助《Head First JavaScript程序設計》來入門