ASp.net中CSS设置背景图片浏览器里不显示

2018/7/6 来源:www.arpun.com 作者:小白

ASp.net中CSS设置背景图片浏览器里不显示

ASp.net中CSS设置背景图片浏览器里不显示

本人遇到的背景图片不能正常显示的问题有两种:

第一种是路径问题.

第二种是浏览器兼容问题.


ASp.net中CSS设置背景图片浏览器里不显示

第一种路径问题发生的原因,是不了解相对路径和绝对路径.通俗点像www.baidu.com,这样的是绝对路径.而相对路径是相对于站点上的目录而言的.

在这里需要注意的是,假如代码是background : url(bg.jpg),这表明,你声明这一行代码CSS文件和该图片是在同一个文件夹...所以很多不能显示背景图片的都是出错在路径.

假如bg.jpg放在images,而style.css放在Styles里面,声明背景图片代码如background : url(bg.jpg)就会出错了.这时候就要用相对路径background : url(../images/bg.jpg),注意,在/images前面要有两个点.这样就可以正常显示了.

发生第二种情况的前兆就是在Visual Studio里面的设计界面可以正常显示,但是用浏览器调试的时候却发现,背景图片又没有了..这时假如你没有禁止网页显示图片的话,最应该考虑的是浏览器兼容性问题,设另外一个浏览器为默认浏览器,然后再调试..


 

网友评论
评论(...
全部评论