带指令的div上的透明覆盖

Question

是否可以为具有我的指令的div添加透明叠加层？

<img src="img.jpg" id="myId_a" my-directive>
<p id="myIdText" my-directive> text here </p>

我在指令中尝试了类似的东西：

$("<div></div>").css({
                "position": "absolute",
                "width": "100%",
                "height": "100%",
                "top": 0,
                "left": 0,
                "background-color": 'rgb(122,0,0)',
                "opacity": 0.5
            }).appendTo($element.css("position", "relative"));

这适用于<p>元素，但<img>失败。