ZKX's LAB

为什么我div背景图不会出来

2020-07-17知识8

div的背景为什么总显示不出来啊 DIV用的不是很多.经常用table.不过我猜原因可能一样.你设置一下div的大小.让他固定了在试试.我用sublime写div的背景图,总是不能显示,为什么?求解答T-T F12看一下页面上有没有错误一类的,看看是图片没加载出来,还是属性不存在为什么我div加上图片之后图片是半透明状态的,而且div的背景色怎么调成无色? 不知道你background是怎么设置的,如果你同时设置了背景图片和背景色,那么你要把背景图片写在背景色前面,否则背景色会覆盖背景图片;简写的话就是:background:url(图片)no-repeat#666;不简写的话就是先写background-image再background-color如果不设置背景色的话,那么div默认是没有颜色的,你看到的背景色只是底层其他div的颜色而已,如果所有层都没设定颜色,那就是body默认自带的白色,也就是浏览器自带的白色;至于你这里图片变为半透明,可能是你本身图片就被处理成了半透明效果,不会是背景色覆盖图片这个原因,因为背景色默认不会有透明度,要挡住的话就绝对看不到图片了;要不然就是你给div设置了半透明滤镜,造成div背景半透明效果并把背景图片覆盖了我建议你半透明滤镜少用,因为兼容性不好,如果你想要背景色半透明,建议你还是用ps把有色图层处理成半透明效果后切成1*1px的图片做背景平铺,再在这个div内添加你所要的图片div+css布局 为什么我设置了背景图片却用浏览器显示不出来? 原因有挺多的:1.编码错误,即代码编写没有按照规范,属性名写错之类的;2.图片路径不对3.使用background来实现背景图片,可能因为图片太大或者太小,显示出来的图片只有一部分,二者一部分刚好是透明的,造成没有图片的效果,因此必须设置background-size来控制图片的显示。为div设置背景图片后,为什么不显示背景图片? 没听说过div还要设置display:block,div中不需要display:block.原因:1、编码错误,即代码编写没有按照规范,属性名写错。2、图片路径不对。3、使用background来实现背景图片,可能因为图片太大或者太小,显示出来的图片只有一部分,二者一部分刚好是透明的,造成没有图片的效果,因此必须设置background-size来控制图片的显示。4、背景图片调用方式不对,不能使用本地路径。将hanshan.png和当前页面放在一个目录,则直接写成这样:cuyu {background-image:url(hanshan.png);height:500px;width:1000px;}或者将hanshan.png放在images目录,保证当前页面和images在同一级目录,则样式为:cuyu {background-image:url(images/hanshan.png);height:500px;width:1000px;}扩展资料:DIV格式使用方法的注意事项:是一个块级元素。这意味着它的内容自动地开始一个新行。实际上,换行是固有的特定的格式表现。可以通过的 class 或 id 应用额外的样式。不必为每一个都加上类或 id,虽然这样做也有一定的好处。可以对同一个元素同时应用 class 和 id 属性,但是更常见的情况是只应用其中一种。这两者的主要差异是,class 用于元素组(类似的元素,或者可以理解为某一为什么我的html+css中div的背景图片无法铺满 你说的是紫色块吗,你要写个这个{margin:0px;padding:0px;}你这边上都是边距div插入背景图片,为什么图片不显示? 图片要放到images文件夹内部,里面你建的子文件夹是不是中文关系也不大,不过最好是别用中文,防止报错你可以在“新建文件夹”内建一个文件夹命名为“images;然后在把图片放到这里面背景的引用路径可设为 background-image:url(images/456345.jpg);记住一点,图片文件一定要是在images或者image内部如果你用的是Dreamweaver写代码的话,每写一个网站就先设一下站点,然后写背景的时候利用提示功能选择,这样调用图片的路径也不会弄错为什么div 的背景图在电脑能显示在手机显示不出来? 手机和电脑是两个概念,如果都想兼容要么使用弹性盒子布局,要么做两个页面用js判断是手机还是电脑访问,至于弹性盒子布局要掌握css3,而做两个页面也需要掌握css3来布局div的背景为什么总显示不出来啊 DIV用的不是很多.经常用table.不过我猜原因可能一样.你设置一下div的大小.让他固定了在试试.为什么给div设置背景图片显示不出来? 原因有挺多的:1.编码错误,即代码编写没有按照规范,属性名写错之类的;2.图片路径不对3.使用background来实现背景图片,可能因为图片太大或者太小,显示出来的图片只有一部分,二者一部分刚好是透明的,造成没有图片的效果,因此必须设置background-size来控制图片的显示。

#background#背景图#背景色

随机阅读

qrcode
访问手机版