今天工作做网站的时候遇到一个问题,就是用css实现背景透明,记得以前都是用filter:alpha(opacity=?)来解决,后来发现这个参数只在IE下有作用,在firefox下就不起作用.
在网上查询到了这个问题的解决办法,自己实验了一下,果然解决了浏览器的兼容问题.
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//D
转载
精选
2011-05-30 13:45:41
2193阅读
.transparentDiv{ filter:alpha(opacity=40); /*IE*/ -moz-opacity:0.4; /*MOZ FF*/ opacity:0.4; /*CSS3 FF1.5*/}
转载
2012-03-10 10:09:00
600阅读
CSS 图像透明/不透明 使用CSS很容易创建透明的图像。 注意：CSS Opacity属性是W3C的CSS3建议的一部分。 一、示例一：创建一个透明图像 CSS3中属性的透明度是 opacity。 首先，我们将向您展示如何用CSS创建一个透明图像 IE9，Firefox，Chrome，Opera，
转载
2018-07-23 15:53:00
453阅读
2评论
怎样在CSS样式中设置背景的透明度看看下面的CSS： img
{
opacity:0.4;
filter:alpha(opacity=40); /* For IE8 and earlier */
} IE9，Firefox，Chrome，Opera，和Safari浏览器使用透明度属性可以将图像变的不透明。 Opacity属性值从0.0 - 1.0。值越小，使得元素更加透明。IE8和早期版
阅读目录CSS 图片廊公共的HTML布局CSS 创建图片廊响应式图片廊CSS 图像透明/不透明创建一个透明
原创
2023-03-24 12:47:29
157阅读
在网页布局中有时为了网页的整体美观，可能需要将网页中的某些部分设置为背景颜色透明，那么如何设置背景颜色透明呢？本篇文章就来给大家介绍一下css设置背景颜色透明的方法。在css中设置背景颜色透明的方法有两种：一种是通过rgba方式设置，另一种是通过backgroud和opacity设置。下面我们就来分别看看css中这两种方法实现背景颜色透明的具体实例1、通过backgroud和opacity设置背景
1 style="margin-top:300px;background:rgba(255,255,255,这里设置小于1比如0.6这样); color:black;" 1 style="margin-top:300px;background:rgba(255,255,255,这里设置小于1比如0.
原创
2021-07-15 17:39:04
1960阅读
CSS 中提供了一个 opacity 属性用来设置元素的透明度，它不仅对颜色有效，对图像或者页面中其它的元素也有效。 其语法格式如下： opacity: number; 其中 number 为一个 0~1 之间的浮点数（小数），用来表示元素的透明度，值越小则越透明（0 表示完全透明，1 表示完全不透 ...
转载
2021-09-30 16:49:00
1327阅读
2评论
使用如下代码： background-color="#00000000" ...
转载
2021-10-26 18:48:00
884阅读
2评论
[code="html"]filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacit
原创
2023-03-21 07:17:06
220阅读
一句话搞定透明背景！.transparent_class{ filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity:0.5; opacity:0.5; } UPDATE:I wanted
原创
2022-09-11 23:33:13
605阅读
.VPNav.no-sidebar[data-v-4da33ef2] { -webkit-backdrop-filter: saturate(50%) blur(8px); backdrop-filter: saturate(50%) blur(8px); background: rgba(255,
原创
2022-10-21 14:33:47
761阅读
css透明度的问题，做一下备注：.transparent_class { background: rgba(255, 0, 0, 0.3) !important; /* IE无效，FF有效 */  
原创
2017-06-26 18:11:25
2512阅读
opacity 值 0~1 及改变背景也改变标签里的内容 rbga() 只改变背景
原创
2021-07-14 11:07:00
2121阅读
css如何设置透明度今天面试遇到了一个之前写css样式时没太注意的问题，关于css如何设置透明度。两种方法如下： css设置透明度的方法：1、使用rgba()设置颜色透明度，语法“background:rgba(R,G,B,A)”；2、使用opacity属性设置背景透明度，语法“opacity: 透明值;”，取值范围“0.0~1.0”。 一、css rgba()设置颜色透明度语法：rgba（R,G
filter: Alpha ( enabled=bEnabled , style=iStyle , opacity=iOpacity , finishOpacity=iFinishOpacity , startX=iPercent , startY=iPer
目录图像的透明度 - 悬停效果透明的盒子中的文字使用CSS很容易创建透明的图像。注意：CSS Opacity属性是W3C的CSS3建议的一部分。 img { opacity:0.4; filter:alpha(opacity=40); /* IE8 及其更早版本 */ } img:hover { opacity:1.0; filter:alpha(opacity=100); /* IE8 及其更早版
原创
2021-06-18 11:09:24
686阅读
分别定义各种浏览器的透明效果： .transparent{ filter:alpha(opacity=12); -moz-opacity:0.12; opacity:0.12; background-color:#000; } filter:alpha(opacity=12); 支持 IE 浏览器 -moz-opacity:0.12; 支持 FireFox 浏览器 op...
转载
2008-05-20 10:19:00
166阅读
2评论
filter:alpha(opacity=50); /*IE滤镜，透明度50%*/-moz-opacity:0.5; /*Firefox私有，透明度50%*/opacity:0.5;/*其他，透明度50%*/举个例子：通过ie6 ie7 ie8 ff3 opera 谷歌 safari测试#test{background-color:#0000CC;filter:alpha(opacity=50);
转载
2011-03-26 14:02:00
333阅读
