精华内容
下载资源
问答
  • 给div设置背景图片不显示
    千次阅读
    2020-12-30 17:21:31

    body设置了背景图片,DIV设置了背景颜色,DIV的背景颜色就不起作用了?

    body设置了 background-image: url(Blue/bg.gif);

    DIV 设置 background-color: #ffffff

    为什么DIV还是显示背景图片啊,不显示背景颜色

    BODY {scrollbar-face-color:#FE79AB;scrollbar-arrow-color :#FFFFFF;SCROLLBAR-HIGHLIGHT-COLOR: #C9E5E8;SCROLLBAR-SHADOW-COLOR: #C9E5E8;SCROLLBAR-3DLIGHT-COLOR: #C9E5E8;SCROLLBAR-TRACK-COLOR: #FDC4DA;SCROLLBAR-DARKSHADOW-COLOR: #C9E5E8;margin: 0px;font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 9pt;font-style: normal;line-height: 180%;color: #222222;border: 0px none;background-image: url(Blue/bg.gif);}

    .table-span {height: 5px;width: 5px;margin: 0px;padding: 0px;font-size: 0px;line-height: 0px;background-color: #ffffff;}

    [ 本帖最后由 戒不了烟 于 2008-11-23 19:26 编辑 ]

    作者: 戒不了烟

    发布时间: 2008-11-23

    更多相关内容
  • </div>设置一个背景图片png格式,该图片是黑白色的,但是由于body背景色设置为黑色,所以那个背景图片的白色就会被掩盖掉,这个时候我们可以这个div设置一个背景色,比如说#666,然后背景色的白色部分就能显现出来...
  • div背景图片可以使用background-image属性设置,background-image属性会在元素的背景中设置一个图像。初始背景图像(原图像)根据 background-position 属性的值放置。背景图片不显示的问题。可能有以下几个原因:1...

    div的背景图片可以使用background-image属性设置,background-image属性会在元素的背景中设置一个图像。初始背景图像(原图像)根据 background-position 属性的值放置。

    4d5e2474d629e5fbf4ab919cb95542e7.png

    背景图片不显示的问题。可能有以下几个原因:

    1、图片路径不正确。找不到图片当然不显示。

    2、背景元素没有宽度和高度。当元素没有宽高时,背景是显示不出来的。背景不会撑开元素。

    3、css代码写错了。错误的写法,当然显示不了。

    4、忘记给需要显示背景的元素增加有背景的css类(估计没人会犯这错,但还是提出来吧)

    5、元素不具备块属性。当元素不具有块属性的时候设置的高宽是无效的。所以也不会显示图片

    6、被同名css类的样式所覆盖。假设前面有命名.bg设置了background显示图片,后面又命名了.bg又设置了background显示颜色。

    设置div背景图片示例:

    div{

    width: 400px;

    height: 400px;

    display: block;

    background-image:url(/i/eg_bg_04.gif);}

    效果图:

    226fe8cf68c0e0ed007516d8e812ed23.png

    展开全文
  • 下面代码实现div背景图片在底部显示: ... /*设置div层的背景图片*/ background-repeat:no-repeat; /*背景图片不重复显示*/ background-repeat:repeat; /*背景图片横向及纵向重复*/ background-repea
  • 我有一个背景颜色的div和2段与div相同的背景颜色.一段落在另一段左边.我看到背景颜色的唯一位置直接在段落的文本后面.虽然我确实找到了一个桌子的工作,但我想知道为什么它会以这种方式出现.当Inspect元素另有说明时,...

    这将成为页面的页脚.

    我有一个背景颜色的div和2段与div相同的背景颜色.一段落在另一段左边.我看到背景颜色的唯一位置直接在段落的文本后面.

    虽然我确实找到了一个桌子的工作,但我想知道为什么它会以这种方式出现.当Inspect元素另有说明时,为什么div看起来没有背景颜色?

    代码

    div.holder{

    position:absolute;

    margin-left:auto;

    margin-right:auto;

    width:65%;

    }

    div.footer{

    position:relative;

    width: 100%;

    background-color: #00A2E8;

    }

    div.footer p{

    background-color: #00A2E8;

    overflow: hidden

    }

    最佳答案 你在使用position:absolute;到div.holder并且如果你在div.footer上使用那个声明(而不是相对定位)那么background-color:#00A2E8;你的div.footer会起作用.div.holder {

    position:absolute;

    margin-left:auto;

    margin-right:auto;

    width:65%;

    }

    div.footer {

    position:absolute;

    width: 100%;

    background-color: #00A2E8;

    }

    div.footer p {

    background-color: #00A2E8;

    overflow: hidden;

    }

    这是因为它建立了一个新的块格式化上下文.

    绝对定位的元素,即位置绝对或固定的元素建立新的block formatting context(简称:BFC)

    这在spec中记录:Floats, absolutely positioned elements, block containers (such as

    inline-blocks, table-cells, and table-captions) that are not block

    boxes, and block boxes with ‘overflow’ other than ‘visible’ (except

    when that value has been propagated to the viewport) establish new

    block formatting contexts for their contents.

    块格式化上下文是:it is a part of a visual CSS rendering of a

    Web page. It is the region in which the layout of block boxes occurs

    and in which floats interact with each other.

    – 07003In a block formatting context, each box’s left outer edge touches the

    left edge of the containing block (for right-to-left formatting, right

    edges touch). This is true even in the presence of floats

    因此,创建BFC的容器将包含其中的所有浮动元素.

    此外,MDN澄清了这一点:A block formatting context contains everything inside of the element

    creating it that is not also inside a descendant element that creates

    a new block formatting context.

    您应该使用CSS clear属性来指定元素是否可以在其前面的浮动元素旁边,或者必须在它们下面向下移动(清除).

    将CSS clear属性应用于浮动元素时,它会将元素的边缘移动到所有相关浮点的边缘下方.到Mozilla MDN

    您可以使用额外的< div style =“clear:both;”>< / div>就在你关闭div.footer标签之前.

    展开全文
  • Dreamweaver怎么设置div背景颜色?dw cs6中想要设置div标签的背景颜色,该怎么设置呢?下面我们就来看看详细的教程,需要的朋友可以参考下
  • div里加入背景图片,可是在Firefox下却无法正确显示背景图片,通过overflow:auto便可解决此问题,感兴趣的朋友可以参考下哈,希望对大家有所帮助
  • div设置背景图片自适应

    千次阅读 2021-02-05 13:53:22
    div设置背景图片,重复不变形,还可根据不同屏幕的宽度,自适应高度 效果: 宽度变窄,高度相应比例变窄 宽度变宽,高度相应比例变宽 高度与宽度无法直接自适应,需要找一个中间的属性相串联。 宽度的自适应是...

    div设置背景图片,不重复不变形,还可根据不同屏幕的宽度,自适应高度

    效果:
    宽度变窄,高度相应比例变窄
    在这里插入图片描述
    宽度变宽,高度相应比例变宽
    在这里插入图片描述

    高度与宽度无法直接自适应,需要找一个中间的属性相串联。
    宽度的自适应是根据viewport的width来调整的。
    padding
    padding是根据viewport的width来调整的。
    padding-top和padding-bottom也是根据viewport的width来跳转的。

    那么我们可以通过 padding-bottom属性来间接和width进行自适应。
    padding-bottom的值 = (图片高/图片宽)
    假设 图片像素为1920*1080,则padding-bottom值 = (1080/1920) = 56.25%

    代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
        <div id="backgroundImg">
    
        </div>
    </body>
    <style>
        body{
            margin: 0;/*去除div和body之间的间隔*/
        }
        #backgroundImg{
            width: 100%;
            background: url("pc.jpg") no-repeat;/*no-repeat:背景图将不会被重复*/
            background-size: cover;/*背景图片放大到适合元素容器的尺寸,图片比例不变.背景图像的某些部分可能无法显示在背景定位区域中。*/
            padding-bottom: 56.24%;/*起到的效果是让宽度与高度关联,具体数值=(图片高/图片宽)*/
            /*图片分辨率为1202*676 约为56.24%*/
        }
    </style>
    </html>
    
    展开全文
  • 最近做项目遇到这样的需求一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示。具体解决方法大家参考下本
  • div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示 div+css教程A标签属性hover背景图片透明度显示
  • CSS3——给div设置背景图片

    万次阅读 2018-11-19 17:43:53
    &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;style type="... div{ width: 200px; height: 2
  • div背景图片或颜色不显示的解决办法背景图片不显示的原因主要有以下几个方面:css没有被调用 css图片地址不对 div的高度没有固定,是auto、没有设值或者高度不够 div被嵌套 div代码规范解决办法:DIV高度为自动,...
  • 今天css设置背景图片,发现怎么弄都不显示,原来既要设置长和宽,也要注意路径中是’/’,而不是’' 图片路径: 错误做法,这样干什么也显示不了: background-image: url("D:\workspace\vscode\1.jpg"); 正确...
  • IE6、7、8 兼容,背景颜色设置在IE6中DIV高度设置为auto会正常显示颜色,IE7可以添加!important 解决,但IE8中背景颜色是定义多高就显示多高,自动高度的就显色背景:包括图片和颜色。知道大家有没有办法解决...
  • 参考如下代码,设置背景图片的大小为100% 100%并且设置no-repeat 这样图片就能在div改变的情况下,仍然显示完全 <!DOCTYPE html> <html> <head> <style> #a { background-color: rgb...
  • 问题详情定义BODY背景图后,DIV背景图片显示不全(已解决)一个有趣的问题,当BODY有背景图片的时候,BODY里的DIV一旦也有背景图片,就显示不完全,被BODY的背景图片挡住了下面一部分...IE下被挡住的部分比较小,...
  • 在写一个网页时,遇到div高度定时,即高度设为auto,或者不设置时,加入的的背景图片不显示的问题。在查阅相关资料后发现几种解决方法 出现这种情况有两个前提: 1.外部的div没有设置高度。 2.内部div浮动 解决...
  • css设置div背景图片大小,适应宽度

    千次阅读 2021-06-08 09:27:23
    问题: background-size:属性的auto值对于显示图像的原始大小(长度和宽度)很有用。 也是默认值。
  • 1. 常见的子div背景把父div背景给盖住了解决方法:在他们两个div样式里设置z-index属性值,父div的值大于子div的值,值越大越靠近屏幕,不过请注意的是z-index生效的前提是div的position属性值为absolute/relative/...
  • divcss如何改变背景图片大小

    千次阅读 2021-08-05 00:22:01
    2016-07-08 00:20齐晓彬 客户经理一、网页单色背景 - TOP如果纯颜色的网页背景,只需要对body设置background背景颜色即可body{background:#FFF}设置网页背景为白色二、规律背景图片 - TOP1、从上到下渐变横向相同...
  • css可以通过设置背景图片的background-size属性来设置...css设置背景图片显示不全示例:div{width: 150px;height: 100px;border: 1px solid red;background-image: url(img/4.jpg);}效果图:通过设置background-si...
  • 意思是图片是500*500的,而DIV是100*100,那如何设置背景图片,并且显示图片的全部内容呢?我在JS中是这样写的:b.style.backgroundImage="url('1.jpg')";b.style.width="100px";b.style.height="100px";图片能...
  • 设置背景图片显示图片的哪个坐标区域,图片左上角为0,0或0%,0%,右下角为高度和宽度,或100%,100%。clip:rect(300px 100px 300px 0px); 设置显示图片的某个区域,分别是上右下左的顺序设置部分代码:img{...
  • 一开始登录界面想要引入背景图片,使用的是background:url("xxx.jpg")的方式,结果背景一直显示不出来。我去找了很多方法,结果还是不行。突然想起来我用的是Thymeleaf,然后就尝试像从数据库里拿数据那样来写...
  • css背景图片不显示有哪些原因?

    千次阅读 2021-06-12 00:38:28
    在HTML网页中我们通常都会使用css的background-image属性来设置网页背景图片,如果我们通过...请检查css调用是否成功,2、div设置错误容易导致背景图片高度太大则无法显示,3、css设置背景用的background,书写方式...
  • css设置div背景色的同时设置背景图

    千次阅读 2020-08-16 14:37:13
    div class="top_content "> </div> .top_content { background: #1891ff; background-image: url('../../assets/photo/product/product.png'); height: 400px; text-align: center; line-height: 400...
  • css中背景图片显示不出来

    千次阅读 2021-06-12 05:56:52
    css中背景图片显示不出来css添加背景图片无法显示,有以下几方面原因:1、css没有被调用;请检查css调用是否成功。2、css图片地址不对;请检查css图片地址是否正确。3、div的高度没有固定,是auto或者没有设值;div...
  • div中的背景图片不显示

    千次阅读 2015-06-26 14:12:31
    如果只有以上代码,北京图片是不会显示的!!!需要在div标签中加点东西,字也好,图片也好,有了东西,背景才会显示

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 85,636
精华内容 34,254
关键字:

给div设置背景图片不显示