1 回答
TA贡献1816条经验 获得超6个赞
您没有使用 id 选择器来引用 css 页面中的页脚部分,可能您在 CSS 文件的底部引用了 #fixed 来代替页脚。
// 使用这个代替
#footer{
position: fixed;
bottom: 0;
left: 0;
height :50px;
width:100%;
background-color: transparent;
}
您在菜单导航、部分和细分 (#portfiolio) 上使用了相同的选择器,您需要学习如何正确创建布局并正确使用 css 选择器。您可以在 udemy 网页设计简介上免费学习。他们的解释非常好,还有 Youtube 上的 Kenvin Powell 介绍 css 课程。
快速修复 获取一个父级 div 和 2 个子级
<div class="parentDiv">
<div class="bgDiv"></div>
<div class="contentDiv></div>
</div>
假设当前屏幕尺寸为 746px,您可以使用这些单位来获得所需的输出
.parentDiv{
width: 646px;
max-width: 100%;
position: relative;
max-width: 100%;
margin: auto;
perspective: 500px;
height: 100%;
}
.bgDiv{
box-shadow: inset -3px -70px 8px 6vw rgba(255, 255, 255, 0.8);
background-image: linear-gradient(rgba(245, 242, 242, 0.44), rgba(255,
255, 255, 0.5)), url(https://placebear.com/500/300);
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-repeat: no-repeat;
z-index: -999;
background-size: cover;
}
.contentDiv{
position: absolute;
z-index: 999;
top: 20px;
left: 50px;
transform: translate3d(25px, 25px, 50px);
padding: 4rem;
}
- 1 回答
- 0 关注
- 81 浏览
添加回答
举报