css高度auto时背景色无效

最新推荐文章于 2024-05-13 09:53:10 发布
最新推荐文章于 2024-05-13 09:53:10 发布
阅读量1.4k 收藏
点赞数 1
分类专栏： CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/ptyzhu/article/details/8006119
版权
css强制颜色调整---forced-color-adjust
liuhao9999的博客
06-20 920
css强制颜色调整---forced-color-adjust
当DIV高度为自动时,背景颜色无法显示的解决方法
12-13
IE6、7、8 不兼容，背景颜色设置在IE6中DIV高度设置为auto会正常显示颜色，IE7可以添加!important 解决，但IE8中背景颜色是定义多高就显示多高，自动高度的就不显色背景：包括图片和颜色。不知道大家有没有办法解决？？ DIV高度为自动，背景颜色无法显示问题 height:auto; 改成 height:100%; overflow:hidden;!important 这样就可以兼容 IE6、7、8  和 谷歌 火狐了
当一个元素的高度height值设置为auto时，其背景色属性将无效
qq_37816525的博客
06-24 1010
解决方法很简单，设置该元素 overflow:hidden; 即可解决问题。
overflow-y: auto；解决页面出现滚动条导致背景色未铺满的情况
qq_41910413的博客
04-20 2287
前端页面会遇到页面要设置全局背景色，但是一旦内容过多，页面出现滚动条，就会发现，怎么滚动到下面，背景色不是全部铺满的，超出一屏的内容是没有背景色的。这时候就可以给页面最外层标签加上。就会发现背景色被完全铺满了。
html背景图自适应宽高设置,css3怎么让背景宽为100%时，高度跟这个背景图等比例拉伸呢_html/css_WEB-ITnose...
weixin_36140400的博客
06-05 503
*{ margin:0; padding:0;} .kech{ background-image: url(https://www.gxlcms.com/tu.jpg) ;background-size:100% auto;background-repeat: no-repeat; width:100%;} .kech:before{content: ""; display: block; pad...
css背景图片，在不同的分辨率下，显示不全
最新发布
浮游的博客
05-13 951
这种方式设置的背景图片的大小,x轴会和盒子一样的宽，但是y轴由于默认为auto，根据上面的理论计算得背景图片的高度为300px,但是盒子只有50px高，超出的部分隐藏，所以看两种写法的效果自然就不一样啦。background-size:这个属性有两个值，第一个值为x轴方向的缩放比例或者px,第二个值为y轴方向的缩放比例或者px，如果只写一个值，则第二个值默认为auto(根据图片原来的比例，以及现有的宽度，来确定高度)这种方式设置完背景图片的大小后，会完全铺满整个盒子，并且背景图片的比例会因此改变为2:1。
小程序scroll-view与css左右滑动超出部分背景颜色不显示的解决方法
01-04
当`scroll-view`的内容宽度大于容器宽度时，应该能够看到整个背景色，但实际情况并非总是如此。 问题的原因可能有以下几点： 1. **样式覆盖**：外部的CSS样式可能覆盖了`scroll-view`的背景颜色，特别是全局样式...
CSS如何设置高度为屏幕高度_面试题联盟之CSS篇
weixin_39948111的博客
11-22 1877
关注入坑互联网，回复“加群”加入我们一起学习，天天进步1、CSS3的新特性实现圆角(border-radius)阴影(box-shadow)文字加特效(text-shadow)线性渐变(gradient)旋转(transform)媒体查询，多栏布局2、CSS中 link 和@import 的区别link属于HTML标签，而@import是CSS提供的;页面被加载的时，link会同时被...
jquery动画 设置背景色，字体颜色无效问题
qq_44755188的博客
05-05 1017
其实色彩动画并不包含在jQuery 库中，只要导入一下就好了，下面是源码，新建一个js文件（jquery.color.js），将下面源码复制过去，再引用就行了 <script src="jquery.color.js"></script> (function( jQuery, undefined ) { var stepHooks = "backgroun...
css学习（二）：背景、圆角、阴影
prdslf001001的博客
05-19 984
一、background背景 1、css2中主要的背景属性： background-color：背景颜色； background-img：背景图片； background-repeat：背景（如果）重复；默认值是repeat； background-attachment：背景图片是否固定或者随着页面的其余部分滚动；默认值是scroll； background-position：背景定位......
html滚动背景色没了,css背景颜色不显示怎么解决
weixin_39689819的博客
06-08 2354
css背景颜色不显示怎么解决div css新手布局会遇到布局的背景颜色无法显示，一般布局背景无法显示通常原因如下：1、由使用float浮动造成浮动产生无法显示css背景颜色2、高度不够而产生背景无法显示接下来我们分别介绍无法显示背景颜色或图片的原因和解决方法。一、css float浮动产生浮动无法显示背景样式颜色假设对一个对象设置了background背景颜色样式，该对象内部盒子有使用float浮...
CSS 设置背景色指定高度
grootbaby
11-29 4040
CSS 设置背景色指定高度，我们通过 ::before 或者 ::after伪类来实现。 <!DOCTYPE html> <html lang="zh-CN"> <head> <meta charset="UTF-8" /> <title>css 设置指定高度背景色</title> <style type="text/css"> p { display: inline-block; positio
CSS布局与定位——height百分比设置无效/背景色不显示
Sparrowflying的博客
05-24 5364
CSS布局与定位——height百分比设置无效/背景色不显示 html元素属性width和height的值有两种表达方式，一是固定像素如“100px”，一是百分比如“80%”， 使用百分比的好处是元素会按父元素宽高自动调节大小，有更好的自适应性， 但由于元素默认宽度有效，默认高度无效， 因此父元素为时width="100%" height="100%"，其高度设置是无效的，
CSS中height：auto 属性无效
vuvivian的博客
06-29 8465
height:auto 属性无效的处理方法
div没有设置高度，背景颜色却无法显示
weixin_30954265的博客
01-02 230
在设计网页时，设置了div为自动高度或不给height值，当div设置背景时在IE6可以显示背景颜色，但是IE7,8却不显示。 解决办法如下： 1、把height:auto;改成height:100%; overflow:hidden;原理：IE6可以再不给高度的情况下自动识别div高度而IE7,8需要指定高度如果上述方法不行还有一种办法2、在div的下面在加一个清除div<divs...
DIV+CSS中div高度随内容增多自动延伸(DIV背景色或背景图自动伸长)
妈妈说有这么一群人
01-20 1万+
在IE6,7下只要不设置Div高度，就能自适应高度，背景色或背景图也能自动延伸。 但是在IE8或Firefox下面就有问题了！背景色或背景图得不到延伸！！ 解决办法看下边： 这种方法就是向父容器的末尾再插入一个额外的标签，并令其清除浮动（clear）以撑大父容器。这种方法浏览器兼容性好，没有什么问题，缺点就是需要额外的（而且通常是无语义的）标签。  在Div末尾加入代码： 　　＜di
css设置浮动导致背景颜色无效解决方案
hua_ban_yu的博客
05-15 9392
float浮动会使父元素高度塌陷，父级元素不能被撑开，所以导致CSS背景不能显示。解决方案:    1.对父元素设置高度；    2.对父元素设置 overflow:hidden清除浮动;    3.把父元素也设置为float浮动；...
设置width不生效_CSS：你不知道的width:auto
weixin_39699912的博客
11-29 6316
width一个家喻户晓的属性，我们都知道它的默认值是auto，但是我们该怎么更好的使用width:auto呢？我们首先来看一下这个属性值的宽度表现：充分利用可用空间。如，<div>、<p>这些块级元素的默认宽度就是100%充满父容器的。自适应性。如，内联元素、table元素、绝对定位元素和浮动元素，由内容决定，将宽度收缩到一个合适的值。收缩到最小。如，table-layou...
css --关于背景图片显示不出来的情况
热门推荐
sinat_36841379的博客
03-23 1万+
关于背景图片，有些时候它可以正常地显示出来，但是有时候它却不可以，那究竟是什么原因呢？今天 我就是碰到了这个问题。 解决这个问题之前我们首先应该知道块级元素和行内元素，块级元素一般来说是可以设置宽和高的以及 其他的属性等等，但是行内元素是不可以设置宽高等属性的。块级元素和行内元素师取决于元素的类型 ，每一个元素都有自己的默认的类型。 接下来我们给出代码：看这里
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值