bookmarklet覆盖css层?

时间:2011-08-12 12:24:57

标签: javascript css bookmarklet

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

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

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

干杯谢谢!!

2 个答案:

答案 0 :(得分:0)

  

我一直在寻找如何编写一个书签,它在整个屏幕上覆盖一层颜色。 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);})();

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

答案 1 :(得分:0)

以下是仅使用CSS

的示例

http://jsfiddle.net/QZV4D/

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