工具/材料:电脑。
css让文字显示在图片上的操作步骤如下:
1、首先在div里面书写文字,然后放入1张图片。
2、这时应该先给div设置宽度和高度,保证文字有1个范围。
3、然后通过background给div添加1张图片作为它的背景。
4、然后通过url()来连接图片,这个时候url里面放置的就是背景图片的路径。
5、然后放入1张图片用作背景,注意路径正确。
6、最后点击保存,文字就会覆盖在图片上,css让文字显示在图片上的问题就解决了。
http://blog.csdn.net/huitoukest/article/details/51375345
核心原理;
height:100%这个概念是子节点相对于父容器而言;所以要让此属性生效,必要的一点就是:父容器必须具有具体的高度信息;
直接在的子节点(如div中)写height:100%是不会生效的,因为此时的高度是不确定的,默认是auto;
方法一
给从根的父容器到子容器的所有容器都设置好百分比高度信息
比如:
[html] view plain copy
132
这样从根的Html开始,到字的div结束,全部都具有百分比高度,这样,就都能够获取到高度信息;
方法二
给父容器设置具体的高度信息;
比如直接写死在样式中,或者用javascript来设置;
示例,用js使得到高度,从而使其中的div全屏:
[html] view plain copy
132
varscreenHeight=document.documentElement.clientHeight
varscreenWidth=document.documentElement.clientWidth
varbody=document.getElementById('body')
body.style.width=screenWidth+"px"
body.style.height=screenHeight+"px"
方法三
给父容器设置位置信息,让其得到高度信息;
示例,用css使body得到高度,从而使其中的div全屏:
[html] view plain copy
132