在IE中，你可以使用JavaScript的Image对象和遮罩层来实现图片遮罩效果。以下是一个简单的示例：

```javascript var img = document.getElementById('myImage'); var mask = document.getElementById('myMask');

// 获取遮罩层的宽度和高度 var maskWidth = mask.offsetWidth; var maskHeight = mask.offsetHeight;

// 获取图片的宽度和高度 var imgWidth = img.offsetWidth; var imgHeight = img.offsetHeight;

// 获取图片相对于遮罩的宽度和高度 var imgWidthRatio = imgWidth / maskWidth; var imgHeightRatio = imgHeight / maskHeight;

// 创建一个遮罩 var maskObj = document.createElement('div'); maskObj.style.width = '100%'; maskObj.style.height = '100%'; maskObj.style.position = 'absolute'; maskObj.style.top = 0; maskObj.style.left = 0; maskObj.style.width = imgWidthRatio; maskObj.style.height = imgHeightRatio; maskObj.style.zIndex = -1; maskObj.style.filter = 'alpha(opacity=50%)'; maskObj.style.filter = 'blur(5px)'; maskObj.style.filter = 'srcset(' + img.src + ', ' + imgWidth + 'x' + imgHeight + ')';

// 将遮罩添加到图片上 img.appendChild(maskObj);

// 给图片添加鼠标事件监听器 img.addEventListener('mouseover', function() { mask.style.display = 'block'; }); img.addEventListener('mouseout', function() { mask.style.display = 'none'; }); ```

在这个示例中，我们首先获取了图片和遮罩的宽度和高度，然后计算了图片相对于遮罩的宽度和高度。然后，我们创建了一个遮罩对象，并设置了它的样式，包括宽度、高度、位置、透明度和过滤器。最后，我们将遮罩添加到了图片上，并给图片添加了鼠标事件监听器，当鼠标悬停在图片上时，遮罩会显示，当鼠标离开图片时，遮罩会隐藏。

请注意，这个示例假设图片和遮罩都在同一个文档中。如果你的图片和遮罩不在同一个文档中，你可能需要使用JavaScript的XMLHttpRequest对象来获取它们的宽度和高度，然后再使用这个信息来计算遮罩的大小。