javascript - 书签覆盖CSS层？

Question

我一直在寻找如何编写一个小书签，它用一个填充了颜色的图层覆盖整个屏幕。 IE。单击小书签，一个图层位于内容之上。

我试图解决的另一个技巧是在图层的透明部分有一个“洞”，例如 200px 正方形，您可以在其中看到下面的原始网页内容.

是否有任何 CSS 向导可以帮助我？非常感谢...我是一个 CSS 新手。

干杯，谢谢!

Answer 1

I've been searching for how to write a bookmarklet which overlays the full screen with a layer filled with a color. Ie. Click the bookmarklet and a layer sits on top of the content.

这个怎么样？以下对我有用:

javascript:(function(a){a=document.createElement('div');a.style.position=
'fixed';a.style.left=a.style.right=a.style.top=a.style.bottom='0%';
a.style.zIndex='100000';a.style.background='white';a.innerHTML=
'overlay content goes here';document.body.appendChild(a);})();

虽然我不确定这个洞；对不起。您可能必须创建单独的元素来形成形状，但这当然是一个丑陋的解决方案。