html - HTML .png 模糊
问题描述
我目前正在使用模板在网站上工作,当我替换背景图像时,我注意到它很模糊。我在网上阅读了很多与z-index
. 这是 html/css 文件中的代码。
我很高兴听到有关修复的任何建议。以前从来没有在这里发过,所以如果我忘了什么就问你需要什么
.single-slider {
background-position: center center;
background-size: cover;
padding: 80px 0;
position: relative;
}
.single-slider::before {
background: none repeat scroll 0 0;
content: "";
height: 100%;
opacity: 0.;
position: absolute;
top: 0;
width: 100%;
z-index: 99;
}
<div class="single-slider" style="background-image:url(img/slider/background-home.png)">
</div>
解决方案
推荐阅读
- ansible - Ansible 在异步模式下复制大文件
- javascript - 如何更改 google Dialogflow Messenger 的样式
- python - 无法托管 python 服务器
- flutter - 颤振垂直ScrollSingleChildView不起作用
- c - 用随机像素填充网格
- laravel - Laravel 7 Passport "参数 2 传递给 Laravel\\Passport\\Guards\\TokenGuard::__construct()
- javascript - 在遍历 Angular 中 subscribe 给出的数据时使用变量
- c# - 如何在方法调用时找到方法参数的类型?
- linux - 如何在从一个存储库 git pull 的同时 git push 到两个存储库
- docker - Docker 容器更新 --memory 没有按预期工作