本文摘要http://blog.suiyidian.cn/post-79.html其实只是想找个地方放而已
几款浏览器对透明度的支持方式各不相同，为了保证在IE, Firefox, Chrome, Safari等主流浏览器下都能正常显示透明度的效果，我们可以定义一个透明度的class，因为一写就要写3条，省的每次都复制来复制去了。
具体代码如下：
.transparent
{filter:alpha(opacity=60 ); /*支持 IE 浏览器*/
-moz-opacity:0.60 ; /*支持 FireFox 浏览器*/
opacity:0.60 ; /*支持 Chrome, Opera, Safari 等浏览器*/
}
分享到：
相关推荐
本文将深入探讨CSS透明度属性及其在不同浏览器中的兼容性问题。 首先，`opacity`属性是W3C标准中定义的用于设置元素整体透明度的属性。它的取值范围是0到1之间，其中0表示完全透明，1表示完全不透明。例如，要设置...
除此之外，还有许多其他兼容性问题，例如CSS中的盒模型、透明度、伪类选择器、CSS3属性等。例如，IE6使用自己的盒模型，而其他浏览器遵循W3C标准。为解决此问题，可以使用`box-sizing`属性来指定盒模型，或者使用...
在设置元素的透明度时，IE 和 Firefox 有不同的语法： ```css /* IE */ filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=60); /* Firefox */ opacity: 0.6; ``` #### 8. 圆角边框的兼容性 ...
需要注意的是，修复PNG透明度问题时，使用`background-position`可能导致点击效果失效，因此应尽量避免这种方法。 接着，我们讨论文本框的兼容性。在IE8及以上版本，文本居中显示是默认的，但在IE6和IE7中，可以...
不同的浏览器对CSS的支持程度不同，导致同样的一段CSS代码在不同的浏览器下可能会呈现出完全不同的效果。本文将详细介绍一些常见的CSS兼容性问题及解决方案，帮助开发者更好地理解和解决这些问题。 #### 二、CSS...
7. **CSS透明度**： IE使用`filter:progid:DXImageTransform.Microsoft.Alpha`，Firefox使用`opacity`。为了兼容性，需要同时提供两种写法，且通常把`opacity`放在后面。 8. **CSS圆角**： IE7以下不支持圆角，...
#### 八、CSS透明度控制 - **IE**：`filter: progid:DXImageTransform.Microsoft.Alpha(style=0, opacity=60);` - **Firefox**：`opacity: 0.6;` #### 九、CSS圆角支持 - **IE** 不支持圆角。 - **Firefox** 支持 `...
需要注意的是，在实际开发中，为了更好地兼容性，通常会结合使用多种写法，比如同时使用标准的CSS3语法以及特定浏览器的前缀语法。此外，还可以考虑使用一些工具（如Autoprefixer）自动添加浏览器前缀，以简化开发...
IE通过私有的`filter`属性支持透明度调整，而Firefox则使用标准的`opacity`属性。这要求开发者在编写CSS时考虑两种写法，以确保所有用户都能看到相同的效果。 ### 6. 圆角边框与双线边框 IE对圆角边框和双线边框的...
8. **`iframe`的透明度问题** - **问题描述**：在IE中，`iframe`默认不支持背景透明。 - **解决方案**：可以通过设置`iframe`的`allowTransparency`属性为`true`来使`iframe`支持背景透明。 #### 总结 解决CSS...
CSS3的透明度属性opacity想必大家都已经用的无处不在了。而对于不支持CSS3的浏览器如何进行透明处理，保持浏览器效果的一致，这个估计谁都会写，但是涉及到filter的具体语法含义和各版本写法的不同区别，很多人都搞...
`是针对旧版IE浏览器的透明度兼容写法。 4. 绝对定位`position:absolute;`可用于元素精确定位，使其脱离正常文档流。 5. `background-color: rgba();`和`color: rgba();`可分别设置背景和文字的颜色及透明度。 这些...
这种效果的实现原理是通过改变元素的CSS透明度（opacity）属性来达到视觉上的淡入和淡出效果。虽然现代的CSS3和jQuery库提供了更为简便和丰富的API来实现这一效果，但了解使用原生JavaScript（原生Js）实现元素的渐...
在这个例子中，当鼠标悬停在图片上时，图片的透明度会变为1（完全不透明），而当鼠标离开时，透明度恢复为0.5（半透明）。 #### 五、进阶应用 除了简单的半透明效果之外，还可以利用`opacity`属性与其他CSS属性结合...
通过设置滤镜的`opacity`属性值（0表示完全透明，1表示完全不透明），可以实现对图片的透明度调节。 关于兼容性问题及其解决方案，由于标准的CSS滤镜不被所有浏览器支持，尤其是旧版IE浏览器，因此在进行跨浏览器...
在Web开发中，使用div+css进行布局时...对于需要跨浏览器兼容的项目，建议使用CSS3中标准的不透明度控制方法，例如通过CSS3的rgba()函数或者opacity属性来实现透明度效果，这样可以保证更好的兼容性和未来的可持续性。
`opacity`和`filter`的组合使用可以解决大部分浏览器的透明度兼容问题，但在编写代码时也需要注意性能影响，避免无谓的DOM操作。在实际项目中，可以借助于自动化工具如autoprefixer自动添加浏览器前缀，进一步提升...