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程序设计》来入门