如何在 IE5 和 IE11 中实现不透明度兼容答案

【问题标题】：How to implement opacity compatible in both IE5 and IE11如何在 IE5 和 IE11 中实现不透明度兼容
【发布时间】：2022-02-05 03:23:13
【问题描述】：

我正在尝试呈现不透明度 = 0.5 的表单并禁用按钮单击时元素的操作，它在 IE11 中运行良好，但在 IE 5 中失败。

<script>
function opaqueForm(){
var form = document.getElementById('myFormName'),s,opacity;
s = form.style;
s.filter = 'alpha(opacity=50)';
s.opacity = 50/100
for(var i=0;i<form.length;i++) form[i].disabled=true;
}
</script>

当我尝试检查 DOM 资源管理器以查看其呈现方式时，我看到在 IE 5 中过滤器应用于表单并且不透明度未应用。表单在 IE5 中不会呈现为不透明。

谁能建议如何在 IE5 和 IE11 中设置表单样式以使其不透明提前感谢您的任何建议和解决方案。

【问题讨论】：

IE 5？喜欢 Windows 95？
IE5?我们在哪一年？
IE5 已于 20 年前报废；对现代功能的支持将......不确定。
我很好奇你为什么要支持 IE5 ？如果有人问你这个，就说不。花时间尝试为非常旧的浏览器支持这样的图形功能是不值得的。
感谢@Brewal。我们的一些旧版微服务应用程序在 IE 5 上运行。向 IE 11 edge 的迁移仍在进行中。所以，我想在 IE 5 和 IE 11 中实现不透明度。

标签： javascript css opacity

【解决方案1】：

如果不花费精力来支持二十年前就已报废的浏览器，您可能会很安全。

但是，出于对历史的好奇，事实证明（令我惊讶的是）您想要的实际上是可能的！从 v5.5 到 v8 的 Internet Explorer 版本使用专有的 -ms-filter 属性而不是标准（许多 IE 功能也是如此；这是在“Embrace and Extend”时代。）

syntax for opacity 看起来像这样：

{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 100 ... ) ... }

【讨论】：