css在div块添加背景图片为何不显示呢

最新推荐文章于 2023-08-03 14:51:24 发布
最新推荐文章于 2023-08-03 14:51:24 发布
阅读量1.2k 收藏
点赞数
分类专栏： html 网站前端 文章标签： html css browser 
1，css没有被调用

2，css图片地址不对

3，div的高度没有固定，是auto或者没有设值

4，div被嵌套，

5，div代码不规范
 

</pre><pre id="answer-content-483251239" class="answer-text mb-10" name="code" style="white-space: pre-wrap; word-wrap: break-word; color: rgb(54, 46, 43); font-size: 14px; line-height: 26px; background-color: rgb(255, 255, 255);">原址:http://blog.csdn.net/angiexia/article/details/21017703

                

        

        

    

  


    

      

        

            

              
                
                  奈河桥
                
              
            

            

                关注
              
            

        

        

          
      

      

            

                专栏目录
          









                



	

		

			

				
					
CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌

				
			

			

				

					09-25
				

			

		

		

			
				
标题中的“CSS设置DIV背景色渐变显示兼容IE/火狐/谷歌”指的是在网页设计中，使用CSS来实现一个DIV元素的背景颜色渐变效果，并确保这种效果在不同的浏览器，包括Internet Explorer（IE）、Firefox和Google Chrome...

			
		

	



                

              
                



	

		

			

				
					
css3实现一个div设置多张背景图片及background-image属性实例演示

				
			

			

				

					09-27
				

			

		

		

			
				
在CSS3中，`background-image`属性极大地扩展了对背景图片处理的能力，使得在一个单一的HTML元素（如div）上设置多个背景图片成为可能。这个特性显著提高了网页设计的灵活性和创意性，减少了以往需要通过嵌套div来...

			
		

	



                


  
              

                


	

		

			

				
					
div中的背景图片不显示

				
			

			

				

					welcome to daijiguo's blog
				

				

					06-26
					
					1403
					
				

			

		

		

			
				
如果只有以上代码，北京图片是不会显示的！！！需要在div标签中加点东西，字也好，图片也好，有了东西，背景才会显示。

			
		

	





	

		

			

				
					
div css背景图片不显示

				
			

			

				

					weixin_33725270的博客
				

				

					09-13
					
					247
					
				

			

		

		

			
				
我们在写页面时，为了便于维护，css样式通常都是通过link外部导入html的，有时在css中写入背景图片时，此时背景图片的路径应该是相对css文件的。比如，此时的文件有index.html，css、img、js三个文件夹（各自存放css样式表、img图片、js文件），图片a.png在css背景图片的路径应为：../img/a.png，而不是相对于index.html文件的路径img/a.png。...

			
		

	



		

			
		



	

		

			

				
					
div  背景图片没法显示的原因

				
			

			

				

					becomewangpan的专栏
				

				

					04-11
					
					2885
					
				

			

		

		

			
				
最近正在开发网页，期间遇到了不少的问题，其中兼容性是最大的问题。 其中一个问题就是在设置div 的背景的图片的时候，在ie下没法正常显示。而在火狐浏览器下却能够正确的现实。后来经过多方查证这是因为使用的背景图片的名字是中文的，修改过来之后就可以了   还有的时候这种原因是因为设置了div 的浮动，而没有关闭浮动，这个是我在网上看到的，这个情况没有真正的遇到过他们所给的解决办法，有多

			
		

	





	

		

			

				
					
Vue+elementUl div背景图无法显示 无法渲染

					
最新发布

				
			

			

				

					weixin_60457220的博客
				

				

					08-03
					
					474
					
				

			

		

		

			
				
【代码】Vue+elementUl div背景图无法显示 无法渲染。

			
		

	





	

		

			

				
					
DIV背景图片在Firefox下不显示通过overflow:auto可解决

				
			

			

				

					09-25
				

			

		

		

			
				
标题提到的“DIV背景图片在Firefox下不显示通过overflow:auto可解决”就是一个典型的跨浏览器兼容性问题。  在Firefox中，当一个`div`元素包含浮动元素（如`float:left`或`float:right`），这个`div`元素本身可能...

			
		

	





	

		

			

				
					
CSS设置背景图片模糊内容不模糊的解决方法

				
			

			

				

					09-27
				

			

		

		

			
				
在CSS部分，我们需要为背景图片所在的`.banner_bg`类添加模糊效果，同时确保内容所在的`.banner`类的位置正确：  ```css .banner_bg {  width: 100%;  background-repeat: no-repeat;  background-size: cover;  -...

			
		

	





	

		

			

				
					
css设置div背景颜色的方法

				
			

			

				

					09-25
				

			

		

		

			
				
比如，可以创建一个名为"style.css"的CSS文件，并在其中设置div的背景颜色：  ```css .divcss5 {  background: #F00;  color: #FFF; } ```  然后在HTML中通过class属性引入这个样式：  ```html <div class="divcss5...

			
		

	





	

		

			

				
					
html div 转换图片不显示,div中css背景图片怎么不显示？

				
			

			

				

					weixin_39602976的博客
				

				

					05-30
					
					3392
					
				

			

		

		

			
				
div的背景图片可以使用background-image属性设置，background-image属性会在元素的背景中设置一个图像。初始背景图像(原图像)根据 background-position 属性的值放置。背景图片不显示的问题。可能有以下几个原因：1、图片路径不正确。找不到图片当然不显示。2、背景元素没有宽度和高度。当元素没有宽高时，背景是显示不出来的。背景不会撑开元素。3、css代码写错...

			
		

	





	

		

			

				
					
div背景图片或颜色不显示的解决办法

				
			

			

				

					某年某月某条街
				

				

					08-10
					
					1万+
					
				

			

		

		

			
				
div背景图片或颜色不显示的解决办法背景图片不显示的原因主要有以下几个方面：css没有被调用
css图片地址不对
div的高度没有固定，是auto、没有设值或者高度不够
div被嵌套
div代码不规范解决办法：DIV高度为自动，背景颜色无法显示，在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important；同时还可以兼容 IE6、7、8

			
		

	





	

		

			

				
					
div中使用背景图片

				
			

			

				

					tjzc1352640的博客
				

				

					10-25
					
					4960
					
				

			

		

		

			
				
在div中使用背景图片，并可以随意缩放图片

			
		

	





	

		

			

				
					
CSS 导入背景图片不能显示

				
			

			

				

					weixin_41514525的博客
				

				

					05-15
					
					6492
					
				

			

		

		

			
				
之前总出现这样的问题，明明文件存在，就是显示不出来，刚开始我还以为是CSS样式设置不正确，把它给挡住了。。。

后来发现是导入背景图片的格式不对。


background:  url('./checkbox.png'); 


1. 文件的路径写成字符串的格式

2. 文件的路径必须写成 ./  或者 ../  的格式，之前 Hbuild 自动给我的路径，就没有这些，原来是它给的有问题。。。。
...

			
		

	





	

		

			

				
					
css导入背景图片无法显示

				
			

			

				

					codeblank的博客
				

				

					10-05
					
					1595
					
				

			

		

		

			
				
如果你用这个格式导入相对路径上的文件那可定是不行
background-image: url("/images/logo.jpg");

改成这样：
background-image: url("./images/logo.jpg");
或
background-image: url("images/logo.jpg");




			
		

	





	

		

			

				
					
解决css引用图片不显示问题：background-image: url(../image/document.png);

				
			

			

				

					weixin_30632899的博客
				

				

					04-29
					
					3897
					
				

			

		

		

			
				
.icon-document {
        background-image: url(../image/document.png);
        display:block;
        float: left;
        width: 25px;
        height: 21px;
    }


需要注意的地方：1.确保路径正确；
　　　　...

			
		

	





	

		

			

				
					
为什么我在css中设定的背景图片在浏览的时候不显示?

				
			

			

				

					evilcry2012的专栏
				

				

					07-07
					
					3355
					
				

			

		

		

			
				
为什么我在css中设定的背景图片在浏览的时候不显示?

 CSS



专业回答

zhp943035743
2011-03-16 16:44


主要是图片路径的问题。
1.图片和网页放在同一目录下，background-image:url("图片.jpg")
2.图片放在一个image目录下。并且image目录和网页在同一目录下：
background-image

			
		

	





	

		

			

				
					
html插入图片后在网页显示不出来

					
热门推荐

				
			

			

				

					HandsomeBoo的博客
				

				

					06-09
					
					6万+
					
				

			

		

		

			
				
今天学习html的几个标签，当用来插入图片，可是发现在网页总是显示不出来。后来发现是路径的问题。原来我把.html文件和所要插入的图片放在一个文件夹，这时候scr后面的路径应该填写相对路径才行，则只要写图片的名称（图片.jpg)即可。
       总结图片显示不出来的几个点，如下：
       1、图片调用路径不对；
       2、图片名称不对；
       3、图片本身有问题；

			
		

	





	

		

			

				
					
vue自定义指令（图片加载不出来，使用默认图片）

				
			

			

				

					weixin_48802343的博客
				

				

					03-24
					
					457
					
				

			

		

		

			
				
官网解释全局自定义指令
v-什么的都是指令
应用场景：vue框架内置的指令系统无法满足我们业务需求
// 注册
Vue.directive('my-directive', {
  bind: function () {},
  inserted: function () {},
  update: function () {},
  componentUpdated: function () {},
  unbind: function () {}
})

my-directive:这个是名称
第二个是个函

			
		

	





	

		

			

				
					
怎么在html页面中加入图片不显示,css文件中怎么引用图片不显示？

				
			

			

				

					weixin_39533896的博客
				

				

					05-31
					
					1581
					
				

			

		

		

			
				
css文件中怎么引用图片不显示？下面本篇文章给大家介绍一些图片不显示的可能原因。有一定的参考价值，有需要的朋友可以参考一下，希望对大家有所帮助。css文件中引用图片不显示的可能原因：1、引用图片文件的路径不正确如果文件路径路径不正确，则图像将无法正确加载，因为浏览器将无法检索正确的文件。它将遵循您告诉它的路径，但它将到达一个死胡同，而不是显示适当的图像，将出现空白。2、文件名拼写或文件扩展名错误检...

			
		

	





	

		

			

				
					
不用css怎么在div中添加背景图片

				
			

			

				

					05-25
				

			

		

		

			
				
可以使用HTML中的style属性来为div元素添加背景图片，例如：  ``` <div style="background-image: url('image.jpg');">  <!-- div的内容 --> </div> ```  其中，`background-image`属性用于指定背景图片的URL。你也...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值