游客

标题:css实现背景颜色半透明的两种方法
正文:
在页面布局时，为了给用户不一样的视觉效果，需要设置div的背景颜色为半透明状态，你知道怎么设置吗？接下来，就和大家聊聊如何用两种方式使div的背景颜色变成半透明，以及两种方式的优劣。感兴趣的朋友可以过来看看，希望对你有所帮助。首先，我们用大家比较熟悉的CSS属性opacity来改变div的背景颜色。描述：外面大的div背景颜色为黄色，里面小的div的背景颜色为红色，现在我们需要设置大的div的背景颜色变成半透明状态，我们将opacity的属性值设为0.5，代码如下：HTML部分： <div class="aa"> <div class="bb">我是内容</div> </div> CSS部分： .aa{ width: 250px; height: 250px; background: yellow; opacity: 0.5; }.bb{ width: 150px; height: 150px; background: red; } 如果在页面布局时，你希望div里面所有的都变透明，就用opacity。接下来我们用另一种方法，background-color:rgb
[<<][[1]][2][>>]

查看评论(0)
发表评论



首页