понедельник, 15 марта 2010 г.

CSS Overlay

Оказывается этого достаточно, чтобы сделать overlay на странице. И никакого onresize!
  1. .overLayer
  2. {
  3.     background:black;
  4.     display:block;
  5.     left:0;
  6.     opacity:0.65;
  7.     filter: alpha(opacity = 65);
  8.     position:fixed;
  9.     top:0;
  10.     width: 100%;
  11.     height: 100%;
  12.     z-index: 1000;
  13. }

Пример


6 комментариев:

Unknown комментирует...

А position: fixed в IE работает?

neyronius комментирует...

В тех, что мне нужны работает. Про IE6 забыл еще год назад.

Unknown комментирует...

Да, пора бы уже с ним прощаться. Все верно.

Анонимный комментирует...

Хорошая статья. Действительно было интересно почитать. Не часто такое и встречается та.Наверное стоит подписаться на ваше RSS

KillBill комментирует...

Ого, оказывается всё так просто. Сколько раз пытался сделать - всё какая-то фигня была. Вечно страница расползалась во все стороны.
Ещё видел решение через jquery, но это слишком сложно для столь простого эффекта.

Спасибо за способ!)

Анонимный комментирует...
Этот комментарий был удален администратором блога.