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

我会带着你远行 2023-09-26 13:14 176阅读 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)

    可以设置636f70793231313335323631343130323136353331333366306535啊,如图:

    常见的失败做法

    最常见的做法事设置元素的opacity,这种设置出来的效果就是内容与背景都事半透明的,严重影响视觉效果。

    还有就是设置background-color:rgba(),这种方式只能设置背景颜色的透明度。

    正确Action:

    登陆

    … …透明属性:火狐下opacity:(0到1之间的数字)opacity:0.5;

    IE下 filter:alpha(opacity:0到100之间数字)filter:alpha(opacity=50)

  • 打赏

  • 收藏
  • 评论
  • 分享
  • 举报

上一篇:css背景渐变(灰色渐变背景)

下一篇:css自动换行(css自动换行属性)

[Image 1]:

发表评论

表情:
评论列表 (有 0 条评论,176人围观)

还没有评论,来说两句吧...

相关阅读

    相关 css设置背景

    css2设置背景相关属性有如下: background : 简写属性,作用是将背景属性设置在一个声明中。 background-color : 设置元素的背景颜色。

    相关 css背景透明

    css设置div背景透明有两种方法:第一种使用opacity:0~1,这个方法有个缺点,就是内容也会跟着透明;第二种方法就是background-color:rgba(0,0,