`

CSS控制背景透明度

CSS 
阅读更多

CSS表中找到
.modbr{background-color:#FFFFFF;line-height:1px}

换行后加入如下代码 (透明度80%):
.modbox,.modbl,.modbc,.modbr{filter:alpha(opacity=80);-moz-opacity:0.8;width:auto !important;width:100%}

注:

代码应用的式CSS中的Alpha滤镜,这个滤镜可以设置目标元素的透明度。还可以通过指定坐标,从而实现各种不同范围的透明度。具体语法如下:

{filter:alpha(opacity=#opacity,finishopacity=#finishopacity,style=#style,startx=#startx,
starty=#starty,finishx=#finishx,finishy=#finishy)}

具体参数含义如下:
“opacity”表示透明度调节,范围在0-100,0表示完全透明,100表示完全不透明。
“finishopacity” 是一个可选参数,如果想要设置渐变的透明效果,就可以使用他们来指定结束时的透明度。范围也是0 到 100。
“style”   指定透明区域的形状特征:0 代表统一形状,1 代表线形,2 代表放射状,3 代表矩形
“startx” 渐变透明效果开始处的 X坐标。
“starty” 渐变透明效果开始处的 Y坐标。
“finishx” 渐变透明效果结束处的 X坐标。
“finishy” 渐变透明效果结束处的 Y坐标。

以上的参数可以选用,可以只设置一个opacity
如果设置成下面代码,就表示背景式半透明的:
{filter:alpha(opacity=50)}

分享到:
评论

相关推荐

    CSS代码实现背景透明而文字不透明

    /* 控制透明度 */ z-index: -1; } ``` 这样,背景透明效果通过伪元素实现,而文字仍然保持不透明。但这种方法在IE6和IE7中仍无法实现背景透明,我们需要使用滤镜(filter)属性: ```css 元素选择器 { zoom: 1;...

    CSS透明度定义

    在CSS中,可以通过`opacity`属性来控制元素的透明度。该属性接受一个介于0和1之间的数值,其中0表示完全透明,而1则表示完全不透明。例如: ```css .opacity-element { opacity: 0.5; /* 设置元素为半透明 */ } ``...

    css背景颜色透明背景图片切换效果

    总的来说,实现“css背景颜色透明背景图片切换效果”需要熟练掌握CSS的背景颜色、透明度、过渡和关键帧动画等属性,以及JavaScript事件监听和图片切换逻辑。这个效果不仅增强了网页的视觉吸引力,也提升了用户的交互...

    网页特效 | 纯CSS控制DIV背景透明效果

    纯CSS控制DIV背景透明效果,没有什么好解释的,代码全在文件里面,直接预览或者用记事本打开即可。rgba参数(red,green.,blue,alpha),alpha值0-1 ie滤镜参数#3363370b,前两位为16进制透明度, 比如说值是上面用到的...

    纯CSS3背景透明的Speech Bubbles对话气泡

    本案例中,我们关注的是"纯CSS3背景透明的Speech Bubbles对话气泡",这是一种在网页中实现对话或者提示信息展示的创新方式。 首先,了解什么是**CSS3 Speech Bubbles**。在网页设计中,对话气泡通常用于模拟人与人...

    纯CSS3背景透明的Speech Bubbles对话气泡特效源码.zip

    CSS3的透明度可以通过`opacity`属性来控制,使得背景可以呈现出不同程度的透明,增加视觉层次感。这种透明效果可以增强元素的现代感,使设计更具吸引力和交互性。 【标签】"css3"表明这个项目专注于CSS3的特性。CSS...

    Qt 控件透明度设置方法总结

    在Qt框架中,控制透明度是一项常见的需求,无论是为了实现美观的界面设计还是为了特定的交互效果。本文将深入探讨Qt中控件透明度的设置方法,并通过实际验证确保其可行性。 首先,Qt中的控件透明度主要涉及到窗口...

    CSS3蓝色透明方块背景特效.zip

    然而,使用`rgba()`可以更精确地控制背景的透明度,而不影响元素内的其他内容。 然后,"特效代码"通常涉及到CSS3的过渡(transition)和动画(animation)。过渡用于平滑地改变一个元素的属性,当该元素触发某个...

    css半透明效果

    如果只想改变元素背景的透明度,而不影响子元素,我们可以使用`background-color`的RGBA值。RGBA是RGB颜色模型的扩展,多了个A(Alpha)通道,用于表示透明度。例如,创建一个背景色为半透明红色的元素: ```css ....

    css背景色渐变

    总结,CSS背景色渐变是一个强大的设计工具,通过灵活运用线性渐变、径向渐变、颜色透明度和重复渐变等特性,我们可以创造出各种独特的网页视觉效果。学习并掌握这些技巧,将有助于提升网页设计的专业性和创新性。在...

    背景透明css

    在网页设计中,CSS(层叠样式表)是用于控制网页元素外观...总之,通过CSS,我们可以灵活地控制网页元素的背景透明度,从而创造出富有层次感和视觉吸引力的设计。理解并掌握这些技术,能让你的网页设计更加专业和出色。

    使用css3背景渐变中的透明度来设置不同颜色的背景渐变

    当我们将RGBA颜色模式应用在线性渐变中时,我们可以控制渐变中每种颜色的透明度,从而创建出不同深浅的渐变效果,即使是相近的颜色,也可以通过透明度的变化来实现视觉上的变化。 线性渐变的语法结合透明度和颜色...

    CSS实现半透明效果

    如果只想改变背景的透明度,可以使用`background-color`的 rgba(红绿蓝阿尔法)值,阿尔法通道(Alpha Channel)就是用来控制透明度的: ```css .element { background-color: rgba(255, 255, 255, 0.5); } ``` ...

    CSS背景颜色例子

    使用RGBA值,我们可以设置背景颜色的透明度。这在需要部分显示元素后面内容时非常有用。例如: ```css .box { background-color: rgba(255, 0, 0, 0.5); } ``` 这个`.box`元素的背景颜色是半透明的红色。 6. 颜色...

    HTML5/ CSS简约星空动态背景

    2. **透明度**:通过`opacity`属性可以调整星空元素的透明度,增加深度感。 3. **定位**:使用`position`属性(如`fixed`)可以使背景图像固定在视口,即使用户滚动页面,背景依然可见。 4. **动画**:CSS3的`@...

    CSS实现表单元素透明效果

    /* 或者改变背景透明度 */ background-color: rgba(255, 255, 255, 0.8); } ``` 对于表单按钮,我们可以用相同的方法调整透明度,但可能还需要考虑按钮的边框和文字颜色。使用`border-color`和`color`属性,配合`...

    js+CSS实现弹出居中背景半透明div层的方法.docx

    在 JavaScript 中,我们定义了两个函数,pupopen() 和 pupclose(),用于控制背景半透明层和弹出窗口的显示和隐藏。 当用户点击“点击这里打开窗口”链接时,pupopen() 函数将被调用,背景半透明层和弹出窗口将被...

    css3系列教程(透明度).rar

    在CSS3中,透明度(Opacity)是一个强大的特性,它允许我们控制元素及其所有子元素的总体透明程度。本教程将深入探讨这个话题,并通过实例帮助你理解和掌握如何使用CSS3透明度来创建引人入胜的网页效果。 首先,...

    div 背景透明度 如何设置一个div的背景透明度

    你读DIV背景颜色透明度的设置是否熟悉,这里和大家简单分享一下,通常我们通过DIV的style样式属性filter来设置DIV背景透明样式,也可根据alpha提供的参数进行组合控制。 本节向大家爱描述一下如何设置DIV背景颜色...

    css实现下拉菜单透明资料

    通过CSS,我们可以控制这些元素的样式,包括颜色、字体、布局以及透明度。 在“来自微软的纯CSS下拉菜单 - 小李刀刀 - 博客园.mht”文件中,你可以找到一个纯CSS实现的下拉菜单示例。这个例子展示了如何利用伪类...

Global site tag (gtag.js) - Google Analytics