怎样调用另一个html中的元素,html – 使用DIV作为另一个元素的背景

这里我用2个div做了一个例子：

> .content,包含前端所需的一切

> .background – 包含文本,图像和背景中的所有其他内容

要将一个div包装在另一个div上(制作叠加层),你必须将它们放入相同的元素中,在本例中它是#wrapper div.放置位置：包装的相对宽度/高度; position：relative也应该为你的内容div和position设置：absolute;顶部：0;左：0;为你的背景.

最后一步是设置z-index.在z-index中包含较大值的元素将呈现在具有较小z-index值的元素上方.换句话说,您应该为背景div设置z-index,然后为内容div设置.

最终HTML：

This text is in frontend

Background text

最终的CSS：

#wrapper{

position: relative;

width: 200px;

height: 200px;

}

.content{

color: #FFFFFF;

font-size: 26px;

font-weight: bold;

text-shadow: -1px -1px 1px #000,1px 1px 1px #000;

position: relative;

z-index: 100;

}

.background{

color: #999999;

position: absolute;

top: 0;

left: 0;

z-index: -100;

}

查看实时示例：

怎样调用另一个html中的元素,html – 使用DIV作为另一个元素的背景相关推荐

Java黑皮书课后题第8章：*8.34（几何：最右下角的点）在计算几何中经常需要从一个点集中找到最右下角的点。编写一个测试程序，提示用户输入6个点的坐标，然后显示最右下角的点
*8.34(几何:最右下角的点)在计算几何中经常需要从一个点集中找到最右下角的点.编写一个测试程序,提示用户输入6个点的坐标,然后显示最右下角的点题目题目描述与运行示例破题代码题目题目描述 ...
Java黑皮书课后题第6章：*6.23（指定字符的出现次数）使用下面的方法头编写一个方法，找到一个字符串中指定字符的出现次数。编写一个测试程序，提示用户输入一个字符串以及一个字符，显示该字符出现次数
6.23(指定字符的出现次数)使用下面的方法头编写一个方法,找到一个字符串中指定字符的出现次数.编写一个测试程序,提示用户输入一个字符串以及一个字符,显示该字符出现次数题目题目描述破题代码运 ...
java数组输入一个实数_用java！！输入五个数，保存到一个数组中，然后将... C语言，编写一个程序，从键盘输入5个数，算出总和......
导航:网站首页 > 用java!!输入五个数,保存到一个数组中,然后将... C语言,编写一个程序,从键盘输入5个数,算出总和... 用java!!输入五个数,保存到一个数组中,然后将... C ...
sql语句-如何以一个表中的数据为条件据查询另一个表中的数据
下面这个是SQL语句的一个基本样式: select *from 表2where 姓名 in (select 姓名from 表1where 条件) 实例需求:在项目中是这样应用的:我需要根据库位编号去查 ...
从一个字符串中剔除连续的字符，只留一个。
有两种解决方法. 第一种,从前往后遍历,如果后面的字符与当前的字符相同,就直接跳过,如果不相同,就停止.代码如下: private String doFilter(String text) {Stri ...
java怎么统计随机数出现次数,Excel统计出现次数、个数的VBA代码 java中怎么判断一个字符串中包含某个字符或字...
延伸:java中怎么判断一个字符串中包含某个字符或字符描述:...一个字符串中包含某个字符的单词说出现的次数 c#什么方法可以判断字符串中包含某个字符的个数? JAVA判断字符串数组中是否包含某字符 ...
《Oracle SQL疑难解析》——1.6 批量地从一个表中复制数据到另一个表
本节书摘来自异步社区出版社<Oracle SQL疑难解析>一书中的第1章,第1.6节,作者: [美]Grant Allen , Bob Bryla , Darl Kuhn,更多章节内容可以 ...
使用Git，显示一个分支中的所有提交，但不显示其他分支中的所有提交
我有一个旧分支,我想删除. 但是,在执行此操作之前,我想检查对此分支所做的所有提交是否在某个时刻合并到其他分支中. 因此,我希望看到所有提交到我当前分支的提交尚未应用于任何其他分支[或者,如果没有一些 ...
c语言两字符串转数字后相加,一个觉得很难的C语言问题。对两个数字字符串相加。 C语言如何把一个字符串中相连的两个数字转化为一......
导航:网站首页 > 一个觉得很难的C语言问题.对两个数字字符串相加. C语言如何把一个字符串中相连的两个数字转化为一... 一个觉得很难的C语言问题.对两个数字字符串相加. C语言如何把一个 ...

怎样调用另一个html中的元素,html – 使用DIV作为另一个元素的背景

怎样调用另一个html中的元素,html – 使用DIV作为另一个元素的背景相关推荐

最新文章

热门文章