прозрачность

Rembrandt · 27.06.2008, 10:32

Скажите по-ста а можно с помощью средств html и css создать полупрозрачный фон страницы которая выводилась поверх другой страницы? И как можно добиться такого эффекта?

Асмодиан · 27.06.2008, 10:56

Страницы??? наврятли.
А вот любых объектов страницы - можно.

Rembrandt · 27.06.2008, 11:02

Просто мне нужно добится такого эффекта: текущая страница затемняется и выводится сгенерированный php скриптом текст.

Асмодиан · 27.06.2008, 11:03

Без JavaScript не обойтись...

Rembrandt · 27.06.2008, 11:10

А можно посмотреть исходник, а то я уже всю голову сломал как лучше сделать?

Асмодиан · 27.06.2008, 11:19

Пока дам тебе несколько намёков на то, что тебе нужно сделать.

Код:

.halftransparent
{
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); 
    opacity: 0.5;
    -moz-opacity: 0.5;
}

то есть полупрозрачность делается через CSS.
Другой вопрос в том, что тебе нужно не обновляя страницу загрузить код с сервера.
Для этого используется технология Ajax.
Чтобы тебе не пришлось писать всё вручную, совету воспользоваться библиотекой jQuery
(и там искать ajax - там всё довольно просто)

по jQuery ссылки:
как getting started (или чтобы въехать) - http://www.rsdn.ru/article/inet/jQuery.xml
сама библиотека http://jquery.com
и приятная по ней документуха: http://visualjquery.com/1.1.2.html

Rembrandt · 27.06.2008, 12:17

нашел много решений своих проблем с применением одной технологии - это очень круто, правда пока не разобрался с кодом ( Огромное спасибо

Асмодиан · 27.06.2008, 12:20

если сумеете сформулировать вопросы, то задавайте - ответим

Rembrandt · 27.06.2008, 12:40

Начинаю с азов.... Как подключить JS библиотеку?

Асмодиан · 27.06.2008, 12:55

JS Библиотека - это файл с расширением .js

Код:

<html>
<head>
...
<script src="путь к файлу" type="text/javascript"></script>
...
</head>
...

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
opacity или прозрачность	web_smile	HTML, CSS, JavaScript	3	28.09.2011 12:06
Прозрачность во флэш	Devyschka	Технологии Flash	2	09.08.2011 15:33
прозрачность в хтмл	BleSSeD	HTML, CSS, JavaScript	7	10.08.2008 06:11
Прозрачность	GambitLK	HTML, CSS, JavaScript	13	06.04.2005 23:51
весёлая Прозрачность	RAT	Растровая графика	1	24.02.2005 16:19

27.06.2008, 10:32	#1
Rembrandt	Скажите по-ста а можно с помощью средств html и css создать полупрозрачный фон страницы которая выводилась поверх другой страницы? И как можно добиться такого эффекта?

27.06.2008, 10:56	#2
Асмодиан	Страницы??? наврятли. А вот любых объектов страницы - можно.

27.06.2008, 11:02	#3
Rembrandt	Просто мне нужно добится такого эффекта: текущая страница затемняется и выводится сгенерированный php скриптом текст.

27.06.2008, 11:03	#4
Асмодиан	Без JavaScript не обойтись...

27.06.2008, 11:10	#5
Rembrandt	А можно посмотреть исходник, а то я уже всю голову сломал как лучше сделать?

27.06.2008, 11:19	#6
Асмодиан	Пока дам тебе несколько намёков на то, что тебе нужно сделать. Код: .halftransparent { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); opacity: 0.5; -moz-opacity: 0.5; } то есть полупрозрачность делается через CSS. Другой вопрос в том, что тебе нужно не обновляя страницу загрузить код с сервера. Для этого используется технология Ajax. Чтобы тебе не пришлось писать всё вручную, совету воспользоваться библиотекой jQuery (и там искать ajax - там всё довольно просто) по jQuery ссылки: как getting started (или чтобы въехать) - http://www.rsdn.ru/article/inet/jQuery.xml сама библиотека http://jquery.com и приятная по ней документуха: http://visualjquery.com/1.1.2.html

27.06.2008, 12:17	#7
Rembrandt	нашел много решений своих проблем с применением одной технологии - это очень круто, правда пока не разобрался с кодом ( Огромное спасибо

27.06.2008, 12:20	#8
Асмодиан	если сумеете сформулировать вопросы, то задавайте - ответим

27.06.2008, 12:40	#9
Rembrandt	Начинаю с азов.... Как подключить JS библиотеку?

27.06.2008, 12:55	#10
Асмодиан	JS Библиотека - это файл с расширением .js Код: <html> <head> ... <script src="путь к файлу" type="text/javascript"></script> ... </head> ...