首先,我们用大家比较熟悉的CSS属性opacity来改变div的背景颜色。 描述: 外面大的div背景颜色为黄色,里面小的div的背景颜色为红色,现在我们需要设置大的div的背景颜色变成半透明状态,我们将opacity的属性值设为0.5,代码如下: HTML部分: 我是内容 AI代码助手复制代码 CSS部分: .aa{width:250px;height:250px;backgroun...
思想:现代浏览器使用 CSS3RGBA实现半透明背景色,IE使用渐变滤镜 filter: progid:DXImageTransform.Microsoft.Gradient实现半透明。 注意:不能使用opacity:0.5属性或是 IEfilter:alpha(opacity=50)半透明滤镜,因为这种半透明属性会让子元素也跟着半透明。
如下,实现了可以兼容各浏览器,达到背景颜色半透明而不影响子元素的代码: background:rgba(0,0,0,0.6) background: transparent\9; zoom:1\8;/*required for the filters*/-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";/*IE8*/filter:progid:DXI...
1、背景颜色 CSS的背景颜色样式语法 :默认的背景颜色是 transparent 透明 ; 代码语言:javascript 复制 background-color:颜色值; background-color 属性 可以 定义 文本颜色 , 其颜色值有三种表示方式 : 预定义颜色 :直接使用 颜色的英文名称 , blue , red , green ; 十六进制颜色 :#FF0000 红色 , #00FF00...
51CTO博客已为您找到关于css背景颜色设置为半透明的相关内容,包含IT学习相关文档代码介绍、相关教程视频课程,以及css背景颜色设置为半透明问答内容。更多css背景颜色设置为半透明相关解答可以来51CTO博客参与分享和学习,帮助广大IT技术人实现成长和进步。
CSS设置背景颜色半透明 CSS设置背景颜色半透明,里面的内容不受影响
在制作网页时,有的时候想实现DIV半透明的视觉效果,大家比较常用的是CSS属性opacity来实现,这样背景颜色的确变成了半透明,但是div里面的文字都变成半透明了, 接下来我们用另一种方法,css代码为background-color:rgba(0,0,0,0.1),使用这个方法就实现只设置div背景透明,而不影响到div里的内容。代码示例如下: ...
一、CSS 背景设置 1、背景颜色 2、背景图片 3、背景图片平铺样式 4、背景图片位置 5、超大背景图片设置 网页背景兼容问题 超大背景图片推荐定位 超大背景图片编辑策略 6、背景附着 7、背景样式简写 8、背景半透明 一、CSS 背景设置 CSS 背景设置 相关博客 : ...