CSS不透明属性？

Question

我真的需要所有这些CSS不透明属性吗？我不是一次性使用所有这些,而是​​以不同的百分比显示它们.但我通常有4人组,我想看看我是否可以从样式表中删除任何内容.

有人能给我看一个100%,25%和0%的例子吗？我想确保我们正确完成它们.

opacity: 1;
-moz-opacity: 1;
filter:alpha(opacity=1);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";


opacity: 0.25;
-moz-opacity: 0.25;
filter:alpha(opacity=0.25);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=25)";


opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
-ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";
}

Answer 1

如果您想在尽可能多的浏览器中使用CSS3不透明度,则需要以下所有属性:

-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";     /*Best for Internet Explorer 8 */
filter: alpha(opacity=50);    /*Internet Explorer 5, 6, 7, 8 */
-moz-opacity: 0.5;    /* Old Mozilla Browsers */
-webkit-opacity: 0.5;    /* Old Webkit browsers (Safari, Chrome, various others) */
-khtml-opacity: 0.5;    /* Really old Safari browsers and Konqueror */
opacity: 0.5;    /* Modern browsers */

但是,您可以将大部分内容用于现代用途:

filter: alpha(opacity=50);    /*Internet Explorer 5, 6, 7, 8 */
opacity: 0.5;    /* Modern browsers */

请注意,虽然IE 8支持filter,但这不是添加不透明度的推荐方法.但是,一切都是一样的.