为div设置如下样式：
div{filter:alpha(Opacity=80);-moz-opacity:0.5;opacity: 0.5;}
说明：
1、filter：对win IE设置半透明滤镜效果，filter:alpha(Opacity=80)代表该对象80%半透明，火狐浏览器不认
2、-moz-opacity：对mozilla firefox火狐浏览器实现半透明，win IE不认此属性，-moz-opacity:0.5相当于设置半透明为50%
3、opacity：对除IE外所有浏览器支持包括谷歌，放最后主要针对谷歌浏览器，opacity: 0.5;表示设置50%半透明
参考:http://www.divcss5.com/css-hack/c574.shtml
相关推荐
1 、半透明效果可以使用 css3 中的 opacity 属性，在低版本的IE浏览器中使用IE的alpha 滤镜。代码: .opacity{ opacity:0.3; filter: alpha(opacity=30); background-color:#000; } 2 、要覆盖整个可视区域通常的...
可实现div背景色半透明，不是用的filter:alpha(opacity=50);opacity:0.5;属性，而是用的rgba(0,0,0,0.5)，如果用的filter:alpha(opacity=50);...那么它有个缺点，就是这个div里边的所有子元素也会有半透明效果
我们使用 CSS 将背景半透明层的宽度和高度设置为 100%，并使用 filter 属性或 opacity 属性来实现背景半透明效果。 在 JavaScript 中，我们定义了两个函数，pupopen() 和 pupclose()，用于控制背景半透明层和弹出...
在网页设计中，半透明效果是一种常见的视觉设计手法，它能为网站增添现代感和层次感，同时不影响页面内容的可读性。本资源“网页半透明效果实用的html”包含两个关键文件：“动态图片轮滑效果.txt”和“网页半透明....
在HTML和CSS中，我们可以使用`opacity`属性或者`rgba()`函数来设置元素的透明度，以此达到半透明效果。例如： ```css .pop-up { background-color: rgba(255, 255, 255, 0.8); /* 白色背景，80%的不透明度 */ ...
在本文中，我们将探讨如何在网页设计中实现顶部固定且带有半透明效果的div元素。这是网页设计中常用的技巧，可以用于创建吸引用户注意的视觉效果，例如广告、导航栏或者其他重要的信息提示。 首先，需要理解的是CSS...
接下来是CSS部分，我们的目标是使弹出层在页面中始终居中，并且具有半透明效果。可以使用绝对定位来实现居中，结合`top`、`left`、`transform`属性可以轻松做到。为了实现半透明，可以调整`opacity`属性。以下是一个...
半透明效果通常通过CSS3的透明度属性（opacity）或者RGBA颜色值来实现，而弹出效果则通常利用JavaScript或者jQuery库来完成。下面我们将深入探讨这些知识点。 首先，我们来看一下**CSS3中的透明度**。CSS3的`...
标题和描述中提到的知识点是如何使用CSS来设置div元素的背景为半透明效果。为了达到这一效果，可以使用CSS的不同属性来兼容不同的浏览器，因为不同浏览器的CSS支持程度存在差异。 在IE浏览器中，可以使用filter属性...
在现代网页设计中，半透明遮罩层弹框效果是一种非常常见的交互方式，它不仅可以提升用户体验，还能让页面更加美观。通过JavaScript与HTML5的结合使用，我们可以轻松地实现这一效果。 #### 二、技术背景 在开始之前...
2. **半透明效果**：CSS中的`opacity`属性可以实现元素的透明度控制。设置一个介于0（完全透明）和1（完全不透明）之间的值，可以让元素变得半透明。同时，`rgba()`颜色函数也可以用来设定背景颜色的透明度，如`...
为了演示这个效果，可以创建一个包含大量内容的`<p>`标签，以及一个具有半透明遮罩层和绝对定位内容的`<div>`。例如： ```html <!DOCTYPE html> <!-- ... --> /* ... */ <p class="ph">place holder ...
这段代码创建了一个宽度为100%的`<div>`，并设置了半透明效果。为了实现跨浏览器兼容性，这里使用了三种不同的CSS属性： 1. `filter: alpha(opacity=50);`: 这是Internet Explorer（尤其是较旧版本）支持的滤镜方式...
对于实现半透明效果，可以使用`filter: alpha(opacity=x)`，其中x是0到100的整数，代表不透明度。但是，`filter`属性在IE浏览器（尤其是旧版本）中支持较好，但在其他现代浏览器中，推荐使用`opacity`或`rgba()`。 ...
其中rgba中的最后一个参数0.5代表透明度为50%，即半透明效果。示例CSS如下： ```css .tip { text-align: center; position: absolute; height: 100%; width: 100%; background-color: rgba(90, 90, 90, 0.5); /...
- `style` 参数用来定义透明效果的形状，它有4种值：0代表统一形状（默认值）、1代表线形、2代表放射状、3代表长方形。 - `opacity` 代表起始透明度，即透明渐变的起始值。 - `finishOpacity` 代表结束透明度，即...
首先，我们需要了解CSS中的`opacity`属性，它是实现半透明效果的关键。`opacity`属性用于设置元素的不透明度，其取值范围是0到1，0表示完全透明，1表示完全不透明。例如，我们可以通过以下方式设置一个元素为半透明...
本主题聚焦于使用HTML5和CSS3来实现图片的半透明遮罩效果，这是一种常见且实用的设计手法，常用于增加用户界面的层次感和引导用户的注意力。 首先，HTML5中的`<img>`标签用于插入图像，其基本语法是`替代文本">`。...