Как сделать неактивный фон на подобие галерей jQuery

oke11o · September 1, 2011

Здравствуйте.

Стоит такая задача: При клике на ссылку (картинке), не происходит переход, а затемняется задний фон и отображается div блок, который до этого был display:none.

То есть по принципу галерей. (например jQuery LightBox http://www.linkexchanger.su/2008/65.html)

Активно читаю мануалы по работе с jQuery. Как собрать этот блок вроде понятно. А вот как сделать неактивный фон - нет. Буду рад любой наводке к решению задачи.

Great Rash · September 1, 2011

Тут даже JS не нужен. Все делается средствами CSS (если нужна поддержка ИЕ6, то expression).

UPD:


<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>

	<style type="text/css">
		.shade {position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; background: #000; opacity: 0.7; filter: alpha(opacity=70);}
	</style>

</head>
<body>
	<div class="shade"></div>

	111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />
	111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />
	111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />111<br />

</body>
</html>

Работает везде кроме ИЕ6.

oke11o · September 1, 2011

Я думал, это сделать при помощи библиотеки jQuery. Она активно использует css.

Great Rash · September 1, 2011

На здоровье, кто ж мешает.

oke11o · September 1, 2011

Странно, я не увидел сначала код. Это уже хороший толчек вперед. А можно разъяснить, как он работает. В частности filter и z-index(почему надо 999?)

CalvinKlein · September 1, 2011

про lightbox почитайте в гугле

Вот тут вроде то что надо

Edited September 1, 2011 by CalvinKlein

oke11o · September 1, 2011

Отлично, спасибо. То что надо.

Int · September 1, 2011

999 - это от лени. На самом деле z-index должне быть больше, чем z-index самого верхнего элемента, который ты хочешь закрыть. А так-то волосы тоже можно газонокосилкой стричь

Sign In

Как сделать неактивный фон на подобие галерей jQuery

Question

oke11o

Link to comment

Share on other sites

7 answers to this question

Recommended Posts

Great Rash

Link to comment

Share on other sites

oke11o

Link to comment

Share on other sites

Great Rash

Link to comment

Share on other sites

oke11o

Link to comment

Share on other sites

CalvinKlein

Link to comment

Share on other sites

oke11o

Link to comment

Share on other sites

Int

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information