css - 如何软化 CSS 上的溢出边缘
解决方案
我给你举了一个例子,你可以添加box-shadow
到页眉和页脚,这样你就可以在元素之间创建模糊效果。
body{
background-color: #888888;
}
header{
width: 100%;
height: 50px;
box-shadow: 0 10px 8px 10px #888888;
background-color: #888888;
/* this is important so the box-shadow is displayd on top of the next element */
position: relative;
z-index: 1
}
div{
width: 100%;
height: 100px;
background-color: red;
}
<body>
<header></header>
<div> </div>
</body>
推荐阅读
- javascript - 当我通过javascript打开它时如何处理硒中的新窗口
- php - 如何更改应用引擎上的 wordpress 链接?
- python - 如何使用python使用父文件的名称加上一些索引重命名文件夹中的子文件
- spring-boot - EmbeddedKafka 不工作导致 Scala 错误
- node.js - Docker:无法从集群中运行的容器内部 ping 另一台主机
- c# - 声明中奇怪的 C#/F# 差异,代码在 C# 中编译但在 F# 中没有
- angular - d3.js 中的缩放和选择不起作用
- django - 在 post_save django 上发送邮件
- shiny - 在 Shinyproxy 服务器上部署具有相同图像的第二个应用程序
- html - Jupyter nbconvert 幻灯片渲染本地图像