精华内容
下载资源
问答
  • div背景图片或颜色不显示的解决办法背景图片...div代码规范解决办法:DIV高度自动,背景颜色无法显示,在代码中将原代码height:auto; 改height:100%; overflow:hidden;!important;同时还可以兼容 IE6、7、8

    背景图片不显示的原因主要有以下几个方面:
    1. css没有被调用
    2. css图片地址不对
    3. div的高度没有固定,是auto、没有设值或者高度不够
    4. div被嵌套
    5. div代码不规范

    解决办法:
    - DIV高度为自动,背景颜色无法显示,在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important;同时还可以兼容 IE6、7、8和谷歌火狐。
    - 假设对一个对象设置了background背景颜色样式,该对象内部盒子有使用float浮动属性样式,这个时候该对象浮动产生,导致该对象不能撑开,所以css背景颜色就不能无法显示,解决方法有三种,一个是设置clear清除浮动、设置css高度、设置css overflow样式。
    - 高度限制造成了背景颜色不能显示完整,假如你有个对象没有计算好高度(或无意设置了一个很小高度属性样式),因为不确定内容有多少,当内容超过你设置高度限制,这个时候超出部分背景就可能无法显示。设置够高的高度,或取消删除高度样式即可。

    案例:

    <div style="width:960px;background-color:#000000">
        <div  style="width:300px; height:200px; float:left">左侧</div>
        <div  style="width:300px; height:200px; float:left">中部</div>
        <div  style="width:360px; height:200px; float:left">右侧</div>
    </div>

    因为外层的div没有设置高度,所以设置如上代码之后,看到的是三个透明的方框,
    正确代码如下:

    <div style="width:960px; height:200px;background-color:#000000">
        <div  style="width:300px; height:200px; float:left">左侧</div>
        <div  style="width:300px; height:200px; float:left">中部</div>
        <div  style="width:360px; height:200px; float:left">右侧</div>
    </div>
    展开全文
  • div显示边框

    千次阅读 2020-08-18 09:55:22
    需求:如题 <div style="width:100px;height:500px;border:1px solid #ddd"> 我是加了边框的div </div> 效果如下:

    需求:如题

    <div style="width:100px;height:500px;border:1px solid #ddd">
          我是加了边框的div
    </div>

    效果如下:

    展开全文
  • 今天调一个布局,调了老一会没调好,就是内容显示不全,然后突然看到这篇文章 得到点启发,所以转发下支持下 在测试网页效果时,你是否网页在IE6版本的浏览器中能正常打开,网页显示完整。而在IE7及以上版本和火狐...

    今天调一个布局,调了老一会没调好,就是内容显示不全,然后突然看到这篇文章 得到点启发,所以转发下支持下  

    在测试网页效果时,你是否为网页在IE6版本的浏览器中能正常打开,网页显示完整。而在IE7及以上版本和火狐浏览器中却显示不完整而烦恼呢?如果是的话,今天你来到课课家网站是一个正确的选择。因为今天我们将和大家一起探讨如何解决div+css网页内容显示不完整的问题。

    一、初步分析原因

      俗话说得好,事出有因。那么出现网页在IE7及以上版本和火狐浏览器中显示不完整的原因是什么呢?研究发现,有以下两个:

      1、css中设置了高度

      2、设置了overflow:hidden,隐藏超出指定宽度、高度的对象。

      二、进一步分析原因

      看到以上两个原因后,你是不会有这样一个疑问。为什么在IE6中设置了高度也能显示完整,而在其它浏览器中却显示不完整?

      答案是因为IE6内核的原因,你设置了高度,当你内容超出设置高度,它会自然撑破你设置的高度宽度,而在IE7、IE8、火狐等浏览器中将不会撑破设置的高度,这样超出高度的内容也就显示不出来了。

      三、解决技巧

      分析出原因之后,事情就好办了。我们可以对症下药进行解决了。

      1、css中设置了高度

      既然设置了高度会导致浏览器出现兼容问题,解决还不容易。取消其对象的高度(height)就可以了。这样既可兼容各浏览器,内容也会显示完整。不错这是一个最简单最直接的解决技巧。但有点小遗憾就是取消了高度可能会出网页布局左右内容板块边框不对齐的情况。如果你不想取消高度,就只能采取一个奇葩一点的技巧,就是减少内容,将显示不完整的内容去掉。

      2、设置了css样式表属性overflow:hidden

      在一般操作中,我们设置高度同时会设overflow:hidden样式。overflow:hidden的作用是隐藏超出指定宽度、高度的对象。所以我们要检查是否在代码中设置了这个样式。因为如果设置了这个样式,不单单会出现网页在IE7及以上版本和火狐浏览器中显示不完整,连IE6也不能幸免。解决技巧如第一点,取消限制条件或者减少内容。

      虽然现在的Web开发者都基于高版本浏览器进行开发,完成后再重新兼容IE6,但也不排除维护旧版本网站的需求依然存在。这时候,我们就可以根据新版的Web制作经验来反推只兼容IE6的代码是如何实现出来的。正如本教程所分析出来的原因,就是我们课课家网站反推出来的结果。所以,大家在遇到类似于IE6不同于其它浏览器的差异问题时,都不妨使用反推的技巧,没准问题就能迎刃而解。

    http://www.kokojia.com/article/21950.html


    展开全文
  • 网页中div标签怎么让边框显示

    千次阅读 2019-08-18 23:06:34
    div标签默认是带边框,但是通过编辑CSS可以定义其边框。 1、border-left:1px solid #000 设置对象左边1px实线黑色边框 2、border-right:1px solid #000 设置对象右边1px实线黑色边框 3、border-top:1px solid #...

    div标签默认是不带边框,但是通过编辑CSS可以定义其边框。

    1、border-left:1px solid #000 设置对象左边1px实线黑色边框

    2、border-right:1px solid #000 设置对象右边1px实线黑色边框

    3、border-top:1px solid #000 设置对象上边1px实线黑色边框

    4、border-bottom:1px solid #000 设置对象底边1px实线黑色边框

    5、border:1px solid #000 设置对象四边1px实线黑色边框

    在border的样式中:使用 solid 表示实线,使用 dashed 表示虚线

    示例:

    <!DOCTYPE html> 
    
    <html> 
    
    <head> 
    
    <meta charset="utf-8" /> 
    
    <title>边框宽度 在线演示 </title> 
    
    <style> 
    
    .div1,.div2,.div3{ width:300px; height:60px; margin-top:5px} 
    
    /*CSS注释说明:设置三个样式选择器相同属性*/ 
    
    .div1{ border:2px solid #F00} 
    
    .div2{ border:4px dashed #F00} 
    
    .div3{ border:8px solid #F00} 
    
    </style> 
    
    </head> 
    
    <body> 
    
    <div class="div1">我被设置边框宽度2px实线边框</div> 
    
    <div class="div2">我被设置边框宽度4px虚线边框</div> 
    
    </body> 
    
    </html> 

    效果图如下:

     

    展开全文
  • 把鼠标悬浮在标签a标签上时,出现或隐藏div,当div出现之后,将鼠标移到div上的时候,div不消失鼠标还可以继续操作其他功能的代码如下: &lt;a id="login-btn"&gt;按钮&lt;/a&gt; &...
  • 1. 常见的子div背景把父div背景给盖住了解决方法:在他们两个div样式里设置z-index属性值,父div的值大于子div的值,值越大越靠近屏幕,不过请注意的是z-index生效的前提是div的position属性值absolute/relative/...
  • jquery动态控制div显示隐藏

    千次阅读 2018-11-01 19:31:53
    对于经常使用到的代码,在博客上备份一下,用到时,如果想起来,直接copy过去。 最近在做项目的时候,经常卡在前段这方面,所以,对于经常用到的代码,如果一直出错的话,我们直接copy,浪费时间; $...
  • &lt;input id="btnClick" type="button" value="原生写法" class="...div id="pop" class="centerDiv radius" style="width: 260px; height:
  • js生成div并在指定位置显示出来

    千次阅读 2018-12-05 15:57:29
    然后将请求后的数据 生成一个div 在该输入框下方显示出来。下面是具体实现方法; js: 创建请求 //创建请求 function createXMLHttpRequest() { xmlHttp = false; if (window.XMLHttpRequest) { //for Mozilla...
  • 在写一个网页时,遇到div高度定时,即高度设auto,或者设置时,加入的的背景图片显示的问题。在查阅相关资料后发现几种解决方法 出现这种情况有两个前提: 1.外部的div没有设置高度。 2.内部div浮动 解决...
  • <div class="list ticket"> 机票预订 <div class="type"> 航班类型 单程</mark> 往返 </div> <div class="left"></div> <div class="right"></div> <div class="button"></div> ...
  • 解决方法,给该div的stly再加一个css:white-space: pre-wrap; 这样就可以在div显示换行啦
  • 本文出自【我是干勾鱼的博客】 众所周知,jquery的show()函数...如果div下面还有一个子元素div,这个显示同样能把子元素也显示出来。但是要知道,如果某个div下还有一个a标签子元素也处于隐藏状态,使用show()函数显示
  • div 可滚动但不显示滚动条

    千次阅读 2019-05-27 17:18:00
    第2个,固定大小,其大小要用第3个div把个撑开,但是这个div必需要有滚动条, 第3个,固定大小与第1个div保持一致200*200 先上代码再解释: <!DOCTYPE html> <html> <head> <title&...
  • div内容显示不全。 如果设置了style="height:700px; overflow:auto;",那么会出现滚动条,也可以看到比之前更多的内容,但是还是有一些内容没有显示出来。 这可能是什么原因导致的? 注:测试了谷歌浏览器和火狐...
  • html_div显示与隐藏相关内容

    千次阅读 2018-07-20 10:18:47
    div的visibility可以控制div显示和隐藏,但是隐藏后页面显示空白:  style=&quot;visibility: none;&quot;  document.getElementById(&quot;typediv1&quot;).style.visibility=&quot;...
  • DIV显示与隐藏属性设置

    万次阅读 2019-05-13 21:41:23
    $("#div").attr("style","display:block"); $("#div").attr("style","display:none"); $("#div").show(); $(".div")[0].style.display = 'none'; $(".div")[0].style....visibility隐藏的对象还保留对象显示时所...
  • vue中 div 鼠标悬浮显示另一个div

    千次阅读 2020-01-14 15:27:10
    <div class="video1"></div> <div class="edittool"> 提示内容 </div> .video1:hover+div{ display: block;...注意:edittool是悬浮体,该种写法二者必须兄弟节点。 ...
  • React 点击按钮显示div与隐藏div

    万次阅读 2018-11-07 13:57:40
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; ...React 点击按钮显示div与隐藏div&lt;/title&gt; &lt;script src="https://unpkg.com/react@16/u
  • 通过class控制div显示隐藏

    千次阅读 2019-09-26 09:45:56
    同一个页面存在新增编辑功能,现需要根据一个选择框去控制其他输入框的显示隐藏。 (其实新增编辑应该合到一个页面中,但由于项目较老和其他客观因素导致分开写) 实现: 如下图的js中,通过(.extendMsg_...
  • DIVDIV中靠底部显示

    千次阅读 2018-12-20 16:41:52
    只需要将子DIV的样式增加: position: absolute; bottom: 0px; 就可以了 然后根据需求调整下位置(根据left,right,top,bottom调整) 关于position的讲解可以参考W3C的文档: ...
  • 关于echarts在默认隐藏的div不显示的问题解决 echarts在初始默认隐藏的div显示空白,因为Echarts没有获取到宽高导致初始化失败,很多场景需要的在默认隐藏的div中渲染,折叠面板等等,解决办法是指定div的宽高,...
  • div内容宽度超出边界后怎样设置左右滑动,而且不显示滚动条? 纯手写 滚动条隐藏掉就行了 CSS: *{ margin:0px;padding:0px; } .wrap{ overflow: hidden; height: 40px; } .cont{ height: 60px; ...
  • div 隐藏和显示

    万次阅读 2019-04-14 09:02:10
    div 隐藏和显示
  • 【HTML】div显示与隐藏相关内容

    千次阅读 2019-03-16 16:29:32
    隐藏div的几种常见方法 1.display:none; 2.visibility:hidden; 3.background-color:transparent;或者设成与背景一样的颜色即可 ...6.设置两个大小一样的div,第一个左浮动,第二个浮动,即可将第二个...
  • js实现隐藏和显示div的两种通用方法

    万次阅读 2018-10-30 15:09:53
    第一种:jquery实现隐藏和显示div &lt;div &gt; &lt;div id="demo1"&gt;隐藏&lt;/div&gt; &lt;div id="demo2"&gt;显示&lt;/div&gt; &lt;/div&...
  • vue div 能滚动但是不显示滚动条

    千次阅读 2018-10-31 14:07:38
    想要实现 能滚动但是不显示滚动条 需要两个div,如下 &lt;div style="overflow:hidden; width=100px;"&gt; &lt;div style="overflow:auto;wideth=120px;"&gt; &lt;/div&...
  • 相信很多实用echarts插件的朋友都会遇到这样的问题,echarts图表在其他的div中可以正常显示,...明确指定div的style.width和style.height 2:在div显示后手动调用 echartsInstance.resize 调整尺寸。对于第一种方式,宽
  • DIV中的DIV居中显示

    千次阅读 2017-12-16 10:33:02
    最近项目上的问题大部分都是前端页面的问题,所以我自然就跑去修改...子级设置为margin:0 auto,但是我试了下无效,知道为什么。后来换了一种方法, 父级Divdisplay: flex; align-items: center; 子级div就居中了
  • 关于div嵌套,不显示边框问题

    千次阅读 2013-07-14 20:16:24
    最近做了一个项目,用到了div+css的知识,觉得对于这些自己是十分熟悉的。可是在调试div的边框的时候,总是弄不好,最后是自己的border属性弄错了。在jsp中的border属性可以跟多个值,注意:值... 显示管理员列表

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 678,786
精华内容 271,514
关键字:

为什么div显示不出来