html两个盒子为什么重叠显示
html两个盒子重叠显示的原因及解决方式如下
1、两个均使用float浮动属性
对.left和.nofloat设置float属性，解决遮挡层叠。(
同级div都是有float这样即可不重叠排版
2、两个都不使用浮动属性。
两个div都不设置float浮动，解决重叠问题
3、第一个div设置float，第二个div设置margin属性利用间距让其不重叠
这种方法也是布局常用的，前提是带float要设置宽度，同时不带float的div设置margin属性，利用间距方法，让没有设置float的div错开设置float，实现div不重叠。
利用flaot浮动与margin间距实现div重叠遮挡
PS文字怎么复制渐变叠加样式
回答如下：在 Photoshop 中复制文字的渐变叠加样式，可以按照以下步骤操作：
1. 选择要复制样式的文字图层，在“图层样式”面板中展开“渐变叠加”选项。
2. 将鼠标移到渐变条上，右键点击弹出菜单，选择“复制 CSS”。
3. 打开要应用样式的另一个文字图层，在“图层样式”面板中展开“渐变叠加”选项。
4. 将鼠标移到渐变条上，右键点击弹出菜单，选择“粘贴 CSS”。
5. 点击“确定”按钮，即可将复制的渐变叠加样式应用到该文字图层上。
首先，打开PS软件，点击左侧工具列表中的文字工具。
2
接着在图片中输入需添加渐变效果的文字。
3
添加完文字后，点击文字的图层，再点击其下方的“图层样式”。
4
然后在弹出的选项中点击“渐变叠加”选项。
5
这时会弹出一个小窗口，我们先点击渐变右方的下拉按钮，选择渐变样式。
6
最后依次调整角度、缩放、不透明度，调整完成后点击确定即可。
如何让html网页背景图出现在底部
1、用css的z-index的属性就可以实现。首先新建一个html文件，在文件中写入一个div容器和一个图片。
2、然后在上方设置它们的样式，这里给div设置成绝对定位，图片设置成相对定位，然后设置一下它们的z-index属性，该属性用来显示元素的上下层的叠加顺序，数值越大表示的层级越高，但是只有在有定位的情况下该属性才会生效。最后设置一下div的背景颜色方便观察效果。
3、最后打开浏览器查看效果，div是在图片上面的。以上html中就是把背景图片置于最低层的方法。