html中span不显示背景

如果不在span中输入任何文本,span设置的背景图将无法显示出来。解决办法就是设置为块元素,然后设置固定的宽高。

参考:http://blog.csdn.net/jarniyy/article/details/49812787

再进一步研究,涉及到两个概念:行内元素和块元素。

个人理解:

行内元素对其设置宽度和高度没有意义,他是根据内容的大小来显示的。所以你对其设置背景而不对其输入文字,将无法显示。代表:span。参考:http://www.w3school.com.cn/tags/tag_span.asp

块元素本身就是显示为一行,可以对其进行修饰会立刻表现出来,是一个独立的表现,包括对其设置任何样式都能改变其效果。典型的是div。参考:http://www.w3school.com.cn/tags/tag_div.asp

时间: 2024-08-28 19:09:23

html中span不显示背景的相关文章

vs 2012 调试不了js -- solution 中script document显示不出来

背景: 因为项目的需要,从ie8升级到ie11(并且自动更新安装了几个ie11的补丁),升级后想用vs2012 调试asp.net项目中的js 但是发现solution中script document项目没有在项目中运行时启动,js不能打断点(***的空心圈). 解决过程: 这个同组的同事以前遇到过,并且解决了,所以向他请教,无果,不知道怎么解决的... 搜索了一下不能打断点的提示信息,网上给的说法是高级设置ie中禁掉第三方的调试工具选项前面的勾去掉,无果:这个和我的问题没有关系. 之前有同事更

OpenGL中glVertex、显示列表(glCallList)、顶点数组(Vertex array)、VBO及VAO区别

OpenGL中glVertex.显示列表(glCallList).顶点数组(Vertex array).VBO及VAO区别 1.glVertex 最原始的设置顶点方法,在glBegin和glEnd之间使用.OpenGL3.0已经废弃此方法.每个glVertex与GPU进行一次通信,十分低效. glBegin(GL_TRIANGLES); glVertex(0, 0); glVertex(1, 1); glVertex(2, 2); glEnd(); 2.显示列表(glCallList) 每个gl

VC++MFC对话框程序中给对话添加背景图片

VC对话框怎么显示背景图片呢.在MFC中实现背景图片,不像C#应用程序那么简单.今天就和朋友们说说如何在VC界面中设置背景图片 ^_^ 工具/原料 Visual C++ 2010 方法一:用Picture控件 1 新建MFC应用程序 2 在应用程序中,选择基于对话框,其他保持默认即可 3 右击项目,选择添加-资源 4 在添加资源对话框中,点击导入,选择要作为背景的图片 jpg格式的图片可以用画图打开另存为bmp格式 (网上说可以直接jpg格式,自行实验未成功) 下方对话框中资源类型选为bitma

ArcGIS for Android 中MapView的地图背景设置

转自:http://blog.csdn.net/wozaifeiyang0/article/details/7535704 根据多方面测速,终于解决了一个蛋疼的问题,MapView的背景设置问题. 在做开发过程中,当我们加载的地图是动态服务或者是切片图层时,地图的背景有时候显示的是对网格,真乃奇臭无比,研究半天终于解决了这个问题,终于不用再看到可恶的网格了,我们通过MapView的setMapBackground(int bkColor, int gridColor, float gridSiz

Js_动画显示背景图片

jAni是一个可以动画显示背景图片的jQuery插件.这个插件基本上是GIF动画的一个替代品,但是他有他的好处.所有浏览器都支持GIF形式的动画格式,而且也不需要额外的javaScript代码和标记.但是不好的一点是,GIF格式的图片只有256色.而且你不能控制图片的显示.这个插件通过载入垂直的GIF帧,然后改变容器的background-postion来显示动画,这样你就可以自由控制了. 特色 轻量级的脚本 很容易使用 可以通过CSS完全定制 所有浏览器都支持 如何使用 1.下载脚本,并包含j

js动画显示背景图片

jAni是一个可以动画显示背景图片的jQuery插件.这个插件基本上是GIF动画的一个替代品,但是他有他的好处.所有浏览器都支持GIF形式的动画格式,而且也不需要额外的javaScript代码和标记.但是不好的一点是,GIF格式的图片只有256色.而且你不能控制图片的显示.这个插件通过载入垂直的GIF帧,然后改变容器的background-postion来显示动画,这样你就可以自由控制了. 特色 轻量级的脚本 很容易使用 可以通过CSS完全定制 所有浏览器都支持 如何使用 1.下载脚本,并包含j

JS控制文本框中的密码显示/隐藏功能

<html> <head> <title>[荐]JS控制文本框中的密码显示/隐藏功能_网页代码站(www.6a8a.com)</title> <style> body,input{font:menu} </style> </head> <body> <form method="POST" action="addcheck.asp" name="forms&

IE中图片不显示火狐中可以显示解决方法

我的背景图片是png格式的,在IE中不显示但是在火狐和chrom中显示正常,以下是代码: body{ background: url(image/bj.jpg) no-repeat scroll 0px 0px; } 更改图片类型为jpg格式就可以了 IE中图片不显示火狐中可以显示解决方法

shell脚本中使用echo显示带颜色的内容

shell脚本中使用echo显示带颜色的内容,需要使用参数-e 格式如下: echo -e "\033[字背景颜色;文字颜色m字符串\033[0m" 例如: echo -e "\033[41;36m Hello World \033[0m" 其中41的位置代表底色, 36的位置是代表字的颜色 注: 1.字背景颜色和文字颜色之间是英文的"" 2.文字颜色后面有个m 3.字符串前后可以没有空格,如果有的话,输出也是同样有空格 下面是相应的字和背景颜色