精华内容
下载资源
问答
  • CSS3——给div设置背景图片

    万次阅读 2018-11-19 17:43:53
    <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <style type="... div{ width: 200px; height: 2
    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8" />
    		<style type="text/css">
    			*{
    				margin: 0;
    				padding: 0;
    			}
    			div{
    				width: 200px;
    				height: 200px;
    				border: 1px solid black;
    				background-image: url(css.jpg);/* 引入图片 */
    				background-size: 100px 100px;/* 设置图片的大小 */
    background-repeat: no-repeat;/* 如果图片比较小,框比他大的时候,设置的显示方式,repeat-x沿x轴显示,repeat-y沿y轴显示 */
    background-position: 50% 50%;/* 设置图片的位置,left top左上,center center居中..... */
    			}
    		</style>
    		<title></title>
    	</head>
    	<body>
    		<div></div>
    	</body>
    </html>
    

    展开全文
  • DIV 设置背景图片

    千次阅读 2008-05-15 23:06:00
    在制作网页时,常常需要在图片显示文字,习惯的做法是直接编辑...把图片做为背景放入层:div#bkgdimg { background-image: url(/images/backgroundimage.JPG); background-repeat: no-repeat; height: 380px; width:

    在制作网页时,常常需要在图片上显示文字,习惯的做法是直接编辑图片在上面增加文字内容。
    利用CSS可以更简便更完美地达到相同效果。

    1.把图片做为背景放入层:

    div#bkgdimg {
    background-image: url(/images/backgroundimage.JPG);
    background-repeat: no-repeat;
    height: 380px;
    width: 380px;
    }

    2.把叠加文字放入另外的层:

    div#sutext {
    position: relative;
    height: auto;
    width: auto;
    left: 25px;
    top: 200px;
    }

    3.显示图片上叠加文字的效果:

    <div><div>Superimposed Text</div></div>

    主要优势:

    • 减小了图片的大小,提高了装载速度。因为不需要在图片上增加任何内容。
    • 可以用最好的效果 显示文字。不会像图片那样,由于屏幕分辨率的不同而影响显示效果。
    • 方便了对文字内容的修改。不需要专门的图片 编辑工具和技术。
    • 可以更灵活地控制图片和文字的位置。因为
      标签远比< img>标签更容易控制位置。
    • 文字更容易接近。因为文字能够更好地被浏览器和搜索引擎查询和处理。
    展开全文
  • 在写一个网页时,遇到div高度定时,即高度设为auto,或者不设置时,加入的的背景图片不显示的问题。在查阅相关资料后发现几种解决方法 出现这种情况有两个前提: 1.外部的div没有设置高度。 2.内部div浮动 解决...

    在写一个网页时,遇到div高度不定时,即高度设为auto,或者不设置时,加入的的背景图片不能显示的问题。在查阅相关资料后发现几种解决方法
    出现这种情况有两个前提:
    1.外部的div没有设置高度。
    2.内部div浮动
    解决方法:
    1.最直接的方法:
    给父级div直接设置高度,但这一般不是我么们想要的,因为我们的高度未定
    2.清除浮动的方法:
    在父级div结束之前加入一个空的div,然后清除浮动:clear:both;这样让父级div自动获取高度,代码如下:
    在这里插入图片描述
    3.在父级div加overflow属性,为hidden或者auto,但可能对页面造成影响,且该影响不确定,要多做测试,代码如下,二者取其一
    在这里插入图片描述
    4.使用after伪类
    代码如下:
    在这里插入图片描述

    展开全文
  • div背景图片或颜色不显示的解决办法背景图片不显示的原因主要有以下几个方面:css没有被调用 css图片地址不对 div的高度没有固定,是auto、没有设值或者高度不够 div被嵌套 div代码规范解决办法:DIV高度为自动,...

    背景图片不显示的原因主要有以下几个方面:
    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中的背景图片不显示

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

    千次阅读 2009-10-13 17:49:00
    现象:div背景图片不显示的问题解决问题步聚:1,改变一下控制div样式的css文件,例如:高设大点,或设一下边框的颜色,如果没改变的话,你知道什么原因了吧,样式的文件路径不对了。2,一般错在第二点,具体来说...
  • 给div设置背景图片(x轴重复排列)

    千次阅读 2013-10-14 09:36:45
    1 #box { width:200px; height:100px;...(添加满整个div背景) #box { width:200px; height:100px; border:1px solid red; color:#ffffff; background:url("photo.gif") ; }
  • 1. 常见的子div背景把父div背景给盖住了解决方法:在他们两个div样式里设置z-index属性值,父div的值大于子div的值,值越大越靠近屏幕,不过请注意的是z-index生效的前提是div的position属性值为absolute/relative/...
  • div+css使用backgroundRepeat样式设置背景图片显示方式 http://msdn2.microsoft.com/en-us/library/ms530721.aspx [div+css关键词] div css [div+css重要工具] Internet Explorer Developer Toolbar, ...
  • Jquery 给div设置背景

    万次阅读 2016-04-20 17:14:56
    jquery设置背景图片:$(this).css("background-image","url(on.jpg)");就可以了 $(this).css("background-image","url(on.jpg)"); $("#flow1_pic").css("background-image","url(../images/...
  • vue 设置 div背景图片

    千次阅读 2020-07-13 11:07:15
    div 中绑定样式: <div class="login-container" v-bind:style="{backgroundImage:'url(' + bg + ')', backgroundRepeat:'no-repeat', backgroundSize:'100% 100%'}"> </div> 然后,在data中...
  • 下面代码实现div背景图片在底部显示div { background : url (/images/bg.jpg) no-repeat fixed ; background-position-y: bottom ; } 代码详解: div { background-image : url (/images/bg.jpg); /*...
  • 利用CSS设置背景图片不显示的问题

    万次阅读 2017-07-17 16:27:54
    用CSS写背景图片,background-image:url("1.jpg"); 但是一直都不显示图片,只有原本写好的div的边框。 一般不显示都是路径写错的问题,(图片的相对路径是指相对于写...块级元素写背景图片一定要设置元素的高度,也
  • 正常css填充div图片背景 .itemDiv { background-size: 100% 100%; background-repeat: no-repeat; background-image: url(../../images/Tickets_background.png); } 但是在vue项目中生效,需要改成如下。 .tip...
  • div 背景图片没法显示的原因

    千次阅读 2010-04-11 13:59:00
    后来经过多方查证这是因为使用的背景图片的名字是中文的,修改过来之后就可以了 还有的时候这种原因是因为设置div 的浮动,而没有关闭浮动,这个是我在网上看到的,这个情况没有真正的遇到过他们所的解决办法,...
  • 一个div设置多张背景图片

    千次阅读 2018-04-03 16:09:39
    一个div设置多张背景图片,效果如下图代码如下&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;一个div设置...
  • 昨天在写页面的时候出现一个问题,就是DIV背景图片在IE下显示不出来,我以为是不是覆盖的原因,又改成DIV中的UL的背景图。还是不能显示,之后上网查,有的说法是用backgound-image,也不能显示,还修改了DIV的z-...
  • css设置背景图片不重复显示

    万次阅读 2019-01-20 17:16:24
    最近在项目中做菜单管理这块,每个一级菜单都有背景图(图片宽高都很小),设置图片后,背景图重复显示,后来查阅资料才明白,原来设置背景图后,指定平铺属性,默认是横向纵向重复的,导致图片出现重复,指定...
  • 最近在做我司的小程序开发,再组件设置背景图片,引用的是本地图片,微信开发者工具中没有问题,可在真机中跑就不行了,代码如下: .img-background { background: url('../../beauty.png'); width: 200rpx; ...
  • 其他浏览器没有问题 ie下会不显示背景图片或撑开父div 解决方法 1:为其指定height具体数值 2:用hack指定100%,height:100%\9; 等找到更好的方法后再来更新
  • 3. 有时候背景图片不显示可能是因为父div没有设置height值,且值要足够大。或者在父div中添加overflow:hidden 4. CSS中background的路径是相对于CSS文件的路径,不是相对于html的路径。   5.设置div...
  • 做的时候想要边框为比较好看的样式,...需要把这个图片填到相应的div里面,但是很显然碰到一个问题,图片太大,而且放进去以后还不是响应式的 那么解决问题的就来了: background:url(1.jpg);-webkit-backgroun...
  • CSS让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV
  • div 背景图片出来

    2015-06-19 09:21:53
    ![图片说明](https://img-ask.csdn.net/upload/201506/19/1434705795_642556.png)划红线地方,读不出背景图片是什么原因,请问我这样设置路径有啥问题,正确的设置应该是怎样,求助
  • Vue项目 动态设置元素的背景图 方式 <template> <div class="note" :style ="note"></div> </template> <script> export default { data() { return { note: { ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 74,420
精华内容 29,768
关键字:

给div设置背景图片不显示