Question

我一直在寻找如何编写一个书签，它在整个屏幕上覆盖一层颜色。 IE浏览器。单击书签，一个图层位于内容的顶部。

I.am尝试解决的另一个技巧是。有一个'洞'也就是图层的透明部分，例如覆盖层中间的200px正方形，您可以在其中看到下面的原始网页内容

那里有没有可以帮助我的css巫师？非常感谢...我有点像新手。

干杯谢谢!!

Answer 1

我一直在寻找如何编写一个书签，它在整个屏幕上覆盖一层颜色。 IE浏览器。单击书签，一个图层位于内容的顶部。

这个怎么样？以下适用于我：

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);})();

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

Answer 2

以下是仅使用CSS

的示例

http://jsfiddle.net/QZV4D/

您可以通过调整左右叠加的％来修改孔

bookmarklet覆盖css层？

2 个答案: