Форум Сайтостроение Веб-строительство

Вопрос по верстке

syrpo
На сайте с 20.03.2009
Offline
104
syrpo
367

Добрый вечер.

Подскажите, каким образом лучше сверстать такую штуку (смотрите скрин):

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

Может быть есть какой-то способ, кроме как просвечивающий слой делать картинкой и накладывать сверху, либо верхний слой делать картинкой с прозрачностью?

jpg 1.jpg
lospirata
На сайте с 24.12.2010
Offline
103
lospirata
#1

С помощью CSS.

.layer {
  width: 120px;
  height: 120px;
  background: white;
  border-radius: 60px; // скругляем углы
  -moz-border-radius: 60px;
  -webkit-border-radius: 60px;
  -khtml-border-radius: 60px;
  opacity: 0.9 // прозрачность
}
It Can't Rain All the Time Блог вебмастера (https://lospirata.ru/)
syrpo
На сайте с 20.03.2009
Offline
104
syrpo
#2

дак получится тогда круг поверх черной подложки - не вариант

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий