html - 使部分div透明

标签 html css transparency

<分区>


关闭 4 年前

我发现一个网站的主体 div 部分是透明的,但没有使整个主体也透明。

这是通过屏蔽不同大小的 div 实现的吗?

这是网站:https://ethanmarcotte.com/wrote/

最佳答案

如果您检查该页面,您会发现它具有 rgba 线性渐变,可提供您正在寻找的效果。在这种特定情况下,它位于 .page 类中:

.page {
  background: linear-gradient(135deg, rgba(255,255,255,0) 0%, #FBFBFB 30vw);
}

检查网页是学习和实验的好方法。您可以尝试直接在开发工具中修改这些值,并立即在页面上看到效果。

关于html - 使部分div透明,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53321052/

上一篇:html - CSS:如何将单选按钮与图例对齐?

下一篇:javascript - 元素修饰符 classList.add 和 classList.remove 未按预期工作

相关文章:

css - vim 中凌乱的 css 缩进

html - 为什么在移动设备上使用百分比设置默认 html 字体大小会导致问题

matlab - MATLAB 中不可能有可点击的透明线?

png - 为什么从 gnuplot postscript 输出转换而来的 .png 具有透明背景?

android - 更改 alpha 属性时引发错误

php - 在 PHP 中修复格式错误的 HTML?

javascript - 如何将联系表单中的数据添加到 Teamgate CRM 中?

html - 低于 600px 的响应式设计会导致导航栏出现问题吗?

css - td 模仿关于复选框的标签行为

html - 你用什么来测试你网站上的手持css?