给div加背景图片怎么不显示

2024-08-17

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

背景图片不显示的原因: 1. css没有被调用 2. css图片地址不对 3. div的高度没有固定,是auto.没有设值或者高度不够 4. div被嵌套 5. div代码不规范解决办法: (1)DIV高度为自动,背景颜色无法显示,在代码中将原代码height:auto; 改为height:100%; overflow:hidden;!important:同时还可以兼容 IE6.7.8和谷歌火狐. (2)假设对一个对象设置了background背景颜色样式,该对象内部盒子有使用float浮动属

css设置背景图片，ie显示不了

本来是想给导航栏<div class="nav"></div>添加背景图片的,设置css样式如下: .nav{background:url("http://img.pincai.com/article/repeatBg.gif") repeat-x scroll 0 -161px rgba(0,0,0,0); } 但不知道为什么在ie6.7.8下,背景都无法显示,在更高级的ie和Firefox.chrome下都是正常的. 排除图片链接的有效性

CSS让DIV按照背景图片的比例缩放，并让背景图片填充整个元素（转）

目的是:通过background的一系列属性,让DIV按照背景图片的比例缩放,并让背景图片填充整个DIV 首先我们需要让背景图片在指定的DIV中全部填充显示之前看有用类似 background-attachment: 的fix来实现背景图片的填充,但是,貌似是不能按照当前的DIV大小去填充. 我的情况是,宽度按照整个屏幕的百分比来调整,但是高度,又不能通过整个屏幕的高度百分比来调整,而也想通过宽度的百分比,即宽高比希望与背景图片的宽高比相等. 通过一下属性,先填充 background-siz

div css背景图片不显示

我们在写页面时,为了便于维护,css样式通常都是通过link外部导入html的,有时在css中写入背景图片时,此时背景图片的路径应该是相对css文件的.比如,此时的文件有index.html,css.img.js三个文件夹(各自存放css样式表.img图片.js文件),图片a.png在css背景图片的路径应为:../img/a.png,而不是相对于index.html文件的路径img/a.png. 即:背景图片的相对路径写在哪里,就相对于谁来计算路径.

Android之ListView异步加载图片且仅显示可见子项中的图片

折腾了好多天,遇到 N 多让人崩溃无语的问题,不过今天终于有些收获了,这是实验的第一版,有些混乱,下一步进行改造细分,先把代码记录在这儿吧. 网上查了很多资料,发现都千篇一律,抄来抄去,很多细节和完整实例都没看到,只有自己一点点研究了,总体感觉 android 下面要显示个图片真不容易啊. 项目主要实现的功能: 异步加载图片图片内存缓存.异步磁盘文件缓存解决使用 viewHolder 后出现的图片错位问题优化列表滚动性能,仅显示可见子项中的图片无需固定图片显示高度,对高度进行缓存使列表滚

滚动时div的背景图片随之滚动

在浏览一些网站时发现有一种效果是当滚动时看到某一DIV的背景也会随之滚动,如下: 当滚动时内容位置保持不变,但是内容后面的背景却在随着滚动.随之我通过审查元素看到了其是通过background-position来实现的,实现原理为当目标DIV出现在屏幕上时,当往下滚动时background-position的Y越来越小,反之则越大. 准备好一张大图,先写出布局 <style> .wrap{width: 100%;height: 3000px;} .wrap_bg{background: url

v关于使用Glide加载图片失败时显示自己特定的图片

Glide是Android加载图片的一个框架. 常用加载图片到imageView:Glide.with(this).load(url).into(ImageView imageview). 当加载失败时一般情侣下会默认调用Glide.error()方法,只需要在error方法中放一个默认图片即可,但当我们需要设置的默认图片是网络图片或者是手机本地图片时,这个方法行不通. 解决办法:Glide为我们提供了listener()方法,onException是图片加载异常回调,将它设置为false时会调

js 动态设置 div 背景图片并滚动显示

var imgs =["../img/index/bgstyle/style1/index_top_bg2.jpg", "../img/index/bgstyle/style1/index_top_bg3.jpg", "../img/index/bgstyle/style1/index_top_bg1.jpg"]; //(设定想要显示的图片) var i = 0; var head=document.getElementsByClassName(

js处理img标签加载图片失败，显示默认图片

1.第一种方法: 如果已经引入了jquery插件,就很好办.没有的话,如果实在需要,可以附上代码: script(type='text/javascript', src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js") //这是jade文件的写法,可以自行转换为html handle error $('img').error(function(){ $(this).attr('src', "d

给div加上背景图片

Ext.js给form加背景图片

{ iconCls: 'zyl_icons_showdetail', tooltip: '查看', handler: function(gridView, rowIndex, colIndex) { var rowInfo = gridView.up('grid').getStore().getAt(rowIndex); if (Ext.isEmpty(rowInfo.get('adFlag'))) { rowInfo.set('adFlag', 0); } var viewWindow = m

设置html的div中背景图片长宽

使用以下可行 background-size:1040px 482px;

C# picturebox 加载图片后透明显示在另一控件之上

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; using System.Drawing; using System.Linq; using System.Text; using System.Windows.Forms; using System.Drawing.Imaging; namespace WindowsFormsApplication5 {

HTML设置body背景图片全屏显示

在head标签中添加body属性设置: <head><style>body{background:url(timg1.jpg) top left;background-size:100%;}</style></head>

5UCMS判断当前栏目高亮(用于当前所在栏目加背景图片或颜色)

5UCMS判断当前栏目高亮标签比较简单的是频道页(channel.html): 大类代码:  <li {if:{field:cid}=[menu:cid]}class="list"{end if}><a href="[menu:curl]">[menu:cname]</a>  小类代码 (当前栏目为频道页时,

在div 底部显示背景图片

下面代码实现div层背景图片在底部显示: div { background : url (/images/bg.jpg) no-repeat fixed ; background-position-y: bottom ; } 代码详解: div { background-image : url (/images/bg.jpg); /*设置div层的背景图片*/ background-repeat : no-repeat ; /*背景图片不重复显示*/ background-repeat : re

IE模式下背景图片不显示

初衷是想给这个提交按钮<input type="submit" value=" />加上背景图片,用了以下css样式: .subtn input { background-attachment: scroll; background-image: url(images/btn.gif); background-repeat: no-repeat; background-position: 0px 0px; height: 20px; width: 60px; bo

css background-size与背景图片填满div

background-size与背景图片填满div 在开发中,常有需要将一张图片作为一个div的背景图片充满div的需求 background-size的取值及解释 background-size共有三种属性,分别为 background-size: cover MDN文档解释说明:缩放背景图片以完全覆盖背景区,可能背景图片部分看不见.A keyword that is the inverse of contain. Scales the image as large as possible a

遭遇input与button按钮背景图失效不显示的解决办法

笔者从事网页前端代码页面工程师已有多年,作为一个网页重构人员常常会遇到一些莫名其妙的DIV+CSS(正确的说法是XHTML+CSS)在 IE.FireFox火狐. 谷歌浏览器CHROME.苹果浏览器Safari.Opera下不兼容的问题,其中IE6最为棘手,历来IE6就被诸位前端代码人员所诅咒,无奈其用户在中国大陆又非常多!可恶的微软啊,你当年造IE6的时候为何不严格遵守W3C标准呢? 今天做公司的交友网站前端网页页面的时候笔者又遇到了难解决的网页前端DIVCSS代码问题,一个平时不会发生的怪

iOS关于UILabel 基本属性背景图片背景色

[代码] iOS关于UILabel 基本属性背景图片背景色 ? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75

input与button按钮背景图失效不显示的解决办法

今天做公司的某个网站前端网页页面的时候笔者又遇到了难解决的网页前端DIVCSS代码问题,一个平时不会发生的怪事情发生了:为网页代码中的Form表单中的input 和 button 按钮标签在CSS样式代码文件中设置了背景图background-image竟然失效不起作用不显示了!笔者查看了这个代码在IE.火狐等各浏览器下的浏览效果,尽管该代码在DW(DreamWeaver)中显示正常,但是在浏览器中它的背景图片确实没有出现没有显示出来,想了很多解决办法和方案,动用了很多手段,连CSSHACK都

给div加背景图片怎么不显示

热门专题