букмарклет для наложения слоя CSS?

Question

Я искал, как написать букмарклет, который перекрывает весь экран слоем, заполненным цветом. То есть. Нажмите на букмарклет, и слой окажется поверх содержимого.

Еще одна уловка, которую пытается решить я. Я имею: иметь «дыру», то есть прозрачную часть слоя, например, квадрат в 200 пикселей в середине слоя наложения, где вы можете видеть исходное содержимое веб-страницы под .

Есть ли какие-нибудь мастера CSS, которые могли бы мне помочь? Очень ценится ... Я новичок в CSS.

Ура и спасибо !!

Answer 1

Вот пример, который использует только CSS

http://jsfiddle.net/QZV4D/

Вы можете изменить отверстие, отрегулировав% левого и правого наложения

Answer 2

Я искал, как написать букмарклет, который перекрывает весь экран слоем, заполненным цветом.То есть.Нажмите на букмарклет, и слой окажется поверх содержимого.

Как насчет этого?Следующее работает для меня:

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

Я не уверен насчет дыры, хотя;извиняюсь.Возможно, вам придется создавать отдельные элементы, которые формируют форму, но это, конечно, некрасивое решение.