Javascript 在元素上绘制边框，但不要'；不捕捉事件

是否可以同时：

• 在HTML中的其他元素上绘制某些内容
• 不捕获鼠标事件（单击、悬停）

在IE8中（实际上，IE9@IE8模式）？可能是VML或一些棘手的行为

在其他浏览器中，我可以使用

box shadow

，但是

DropShadow

和

Blur

过滤器用于IE捕获事件。有什么选择吗

我知道，我可以捕获事件并重新激发它们，但是

鼠标悬停

/

鼠标悬停

仍然存在问题请参见以下答案：

简短版本：在IE中，背景颜色为透明且应用了渐变的元素不接收鼠标事件。因此，将此添加到CSS中：

.ie #overlay {
    background: transparent;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#000000,endColorstr=#000000);   /* IE6 & 7 */
    zoom: 1;
}

（当然，您可以使用另一种方法，通过

background

声明将IE作为目标，并且可以将颜色字符串更改为您喜欢的任何值。）