css背景透明(css背景透明度怎么设置)

我会带着你远行 2023-09-26 13:14 2阅读 0赞

## CSS 背景颜色透明怎么弄 ##

外层div:

background-color: rgba(255, 255, 255, 0.9); /\* 白色并且阿尔法通道是0.9\*/

内层div:

background-color: \#FFF; /\*背景色是白色, 覆盖原来的颜色\*/这有个问题。首先用最单的办法是用CSS3 background-color:rgba(0,0,0,0.5);

但这个兼容性你懂的。第二种就是他们说的这样了。这会让里面的文字一起透明。所以。办法是用两个层叠起来。

*  ![Image 1][]
    
    测试文字
 *  .toumin\{ background:\#1b1b1b;filter:alpha(opacity=50);opacity:0.5; position:absolute; z-index:1;\}
    
    .text\{position:relative; z-index:100;\}个人建议做一个有透明度的png，然后把这个图片设置成input的背景。因为在ie里面，对于alpha滤镜，会把这个滤镜应用到对于元素及其内部所有文本上的，透明度设置得低一点还看不太出来，设置得一高，就会有各种问题了。
    
    ![css背景透明][css]
    
    ## 背景图片的透明度如何设置(CSS) ##
    
    可以设置636f70793231313335323631343130323136353331333366306535啊，如图：
    
    常见的失败做法
    
    最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的，严重影响视觉效果。
    
    还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。
    
    正确Action:
    
    登陆
    
    ... ...透明属性：火狐下opacity：(0到1之间的数字)opacity:0.5;
    
    IE下 filter：alpha(opacity：0到100之间数字)filter:alpha(opacity=50)

*   **打赏** 
 *   **赞** 
 *   **收藏** 
 *   **评论** 
 *   **分享** 
 *   **举报**

上一篇：[css背景渐变(灰色渐变背景)][css 1]

下一篇：[css自动换行(css自动换行属性)][css_css]

[Image 1]: 
[css]: https://img1.baidu.com/it/u=2266849421,2173933008&fm=26&fmt=auto
[css 1]: https://blog.51cto.com/yetaotao/5047281
[css_css]: https://blog.51cto.com/yetaotao/5047283