我正在构建一个新网站,并且正在寻找一个透明的导航栏,以便背景可见。
没有透明颜色代码,但有不透明样式。查看有关它的文档:开发者.mozilla.org https://developer.mozilla.org/en-US/docs/Web/CSS/opacity
您可能需要设置元素的颜色,然后对其应用不透明度。
.transparent-style{
background-color: #ffffff;
opacity: .4;
}
您可以使用一些在线透明度生成器,它也将为您提供浏览器特定的样式。例如看一眼http://www.css-opacity.pascal-seven.de/ http://www.css-opacity.pascal-seven.de/
但请注意当您设置元素的透明度时,任何子元素也会变得透明。所以你确实需要覆盖任何其他元素。
您可能还想尝试使用 RGBA 颜色,并使用 Alpha (A) 设置来更改不透明度。例如
.transparent-style{
background-color: rgba(255, 255, 255, .4);
}
使用 RGBA 超过opacity
意味着您的子元素不透明。
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)