Css -元素重叠的一些UX问题
Css -元素重叠的一些UX问题
提问于 2015-11-20 11:21:00
一开始，这是一个没有示例代码的一般性问题，因为我正在寻找一个想法，如何将其存档：
我有3个绝对定位的元素，它们彼此重叠。它们都有背景色，例如红色。
现在，div1与div2重叠，所以它们有公共区域，用户无法看到第一个div何时结束，第二个div何时开始……
当我在下面的图像上绘制时，我可能会改变这个div的不透明度，所以用户可以看到一些不同，但这可能不是100%好的解决方案。
我的问题是，有没有人有想法，如何让它更具可读性，也许是一些我不知道的css功能(背景颜色混合或其他...)
感谢您的想法:)
回答 2
Stack Overflow用户
发布于 2015-11-20 11:28:33
可以使用rgba设置背景颜色的不透明度：
.div { background-color: rgba(255,0,0,0.8); }这需要你的红色，绿色和蓝色，然后是一个不透明度(从0到1的十进制形式)。你也可以使用opacity: 0.8，但它会降低整个div的不透明度，包括它的边框。
Stack Overflow用户
发布于 2015-11-20 11:29:37
另一个想法是不只是使用透明的背景颜色，而是透明的线条和散列，在不同的方向。有点像下图所示。
但是你可以让线条变得透明一点，并且有不同的角度和颜色。这样，div之间的差异将更加优雅。而不是一团糟的颜色。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/33825455
复制
相似问题
CSS元素重叠/重叠问题
布局中有重叠元素的问题(css，html)
重叠的CSS元素
css重叠问题
CSS /重叠问题
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
