今天工作做网站的时候遇到一个问题,就是用css实现背景透明,记得以前都是用filter:alpha(opacity=?)来解决,后来发现这个参数只在IE下有作用,在firefox下就不起作用.
在网上查询到了这个问题的解决办法,自己实验了一下,果然解决了浏览器的兼容问题.
代码如下:
<!DOCTYPE html PUBLIC "-//W3C//D
转载
精选
2011-05-30 13:45:41
2259阅读
.transparentDiv{ filter:alpha(opacity=40); /*IE*/ -moz-opacity:0.4; /*MOZ FF*/ opacity:0.4; /*CSS3 FF1.5*/}
转载
2012-03-10 10:09:00
661阅读
在网页布局中有时为了网页的整体美观，可能需要将网页中的某些部分设置为背景颜色透明，那么如何设置背景颜色透明呢？本篇文章就来给大家介绍一下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
2002阅读
一、背景半透明设置1、语法说明2、代码示例
原创
2023-03-18 10:27:52
1682阅读
color:#fff; background:rgba(0,0,0,0.6); background:#000 9;/*CSS Hack,只能对ie9以下浏览器ie6,ie7,ie8有效，否侧ie10,FF,Cherome会失去透明效果*/ filter:Alpha(opacity=60);/*只对ie7,ie8有效*/
原创
2022-03-02 14:59:05
636阅读
box-shadow: 0 0 6px rgba(0,0,0,.6); border-radius: 6px; background: rgba(0,0,0,.26);
原创
2021-07-16 14:46:04
1811阅读
今天写css时使用了opacity，注意到这个是背景和内容全部拥有透明度，此时如果只想背景（背景未图片时）透明而内容不变，则只能分开写两个独立的div（之前是背景和内容在同一个div），然后再使用定位等合到一起 如果背景为背景色，则可以使用rgba rgba（0~1） 可以让指定样式透明，而不影响其 ...
转载
2021-08-16 14:37:00
3543阅读
2评论
背景半透明(HTML、CSS)<!DOCTYPE html><html lang="en"><head> <meta charset="UTF
原创
2022-10-20 10:16:02
597阅读
出现时机:png透明背景图，24位或32位，在ie6下背景为蓝色解决一：用Photoshop将图片转化为8位，在css里设置_background兼容ie6解决二：用滤镜 width:32px; height:178px; background:url(aa.png) no-repeat 0 0; _background:0; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=scale,src="aa.png")方法一的缺点是需要转化图片。方法二的缺点是
转载
2012-09-10 18:30:00
375阅读
在线演示 本地下载
转载
2018-12-03 20:31:00
172阅读
2评论
对于半透明的效果，用到一些地方能起到画龙点睛的作用。而css实现透明效果有好几种方法；今天七娃就给大家总结了2种常用。方法一：opacity配合css3滤镜filter...
原创
2022-09-14 16:27:06
426阅读
background-color:transparent;
原创
2022-10-28 04:13:32
1122阅读
半透明的蒙版效果从一年多以前就开始流行，到现在已经是大家非常熟悉的效果了。用CSS也可以非常简单的实现各种浏览器的兼容设置。我们先看下半透明蒙版的效果。
没有盖蒙板的图片：
我们加上半透明蒙板后的效果。
这个效果就是利用一个简单的半透明蒙板实现的，这里对于这个蒙版的透明度设置为：
filter:Alpha(Opacity=50);opacity:0.5;
（当
转载
精选
2012-10-08 14:35:34
1162阅读
要设置某一元素的背景为透明，在 chrome 、firefox、opera 下是这样的：
原创
2023-02-15 17:00:52
393阅读
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办 此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增...
原创
2013-10-14 06:23:48
204阅读
在我们设计制作一些网页的时候可能会用到半透明的效果，首先我们可能会想到用PNG图片处理，当然这是一个不错的办法，唯一的兼容性问题就是ie6下的BUG，但这也不困难，加上一段js处理就行了。但假如我们需要一个半透明遮罩的弹出层，如登陆框、注册框、提示等，这时可能需要整个页面都要被半透明的遮罩层覆盖，那么如用背景平铺的话，此时此刻也许就不是一个好办法了，图片大了会影响加载速度，图片小了同样会增加页面的渲染计算量，那么这时也许就需要用CSS滤镜了。假如有这样一个例子：“有一个DIV块，此DIV是黑色半透明的，但此DIV里面的内容要保持原状，不能透明”，那么我们该怎么做呢？假如HTML部分我们这样写的
转载
2014-03-25 21:38:00
785阅读
2评论
之前做了个半透明弹层，但设置背景半透明时，子元素包含的字体及其它元素也都变成了半透明。对opacity这个属性认识的不透彻，在这里做一些总结，方便以后使用。
背景透明，文字不透明的解决方法：
为元素添加一个绝对定位的子元素，设置大小和该元素一样，把半透明加在绝对定位元素上作为遮罩，z-index设置到最底部，达到背景半透明效果。
使用CSS3新属性rgba。
实现透明的方法
转载
2021-08-05 15:27:54
6187阅读
1、背景颜色默认为transparent（透明）（1）将背景设置为greenyellow：<html>
<head>
<meta charset="utf-8">
<title>title>
<style>
div{
w
转载
2021-05-04 22:34:27
4150阅读
2评论
