Полупрозрачность фона div-a..

[arlek1n]

итак. есть просто див:

advanced 
{
background-color: #E1E1E1;
border: 1px;
border-style: solid black;
position: absolute;
z-index: 1000;
top: 0px; 
left: 0px;
width: 0px;
height: 0px;
}

...

<div id="opisanie" class="advanced" style="font-family: Tahoma; font-size: 6px" align="left;"></div>

есть таблица. в ячейках таблицы картинки.

<td bgcolor="#D6D6D6" style="border: 1px solid #808080; border-width: 1px 1px 0px 1px"><img src="vodostok/thumbs/keykan23.gif" border="0" onMouseOver="upps()" onMouseOut="close_opisanie()"></td>

при наведении на картинку всплывает типа подсказка(описанный выше див) с описанием картинки:

function upps(e)
	{
		var mCur = mousePageXY(e); 
		document.getElementById("opisanie").style.top = mCur.y;
		document.getElementById("opisanie").style.left = mCur.x;
		document.getElementById("opisanie").style.width = 250;
		var open_pic = '<table cellpadding=0 cellspacing=5 border=0 width=95%>';
		open_pic += '<tr valign="top">';
		open_pic += '<td><img src="vodostok/kamorka_luki.gif" border="0" width="75" height="65"></td>';
		open_pic += '<td align="left" style="font-family: Tahoma; font-size: 10px">ТЕКСТ</td>';
		open_pic += '</tr>';
		open_pic += '</table>';
		opisanie.innerHTML = open_pic;
	}

а вот собственно и вопрос: на данный момент всплывающий див имеет просто тупо фоновый цвет, который просто перекрывает всё, а надо чтобы он был такой вот полупрозрачненький. ну чтобы вроде и есть фон у див-а, но в тоже время более-менее видно таблицу, которую перекрывает див.

спасибо.

[Whatsup]

сделай полупрозрачный пиксель в фотошопе и твоему стилю перекрывающему таблицу задай его как фоновый цвет.Если сделаешь opacity то прозрачным будет весь блок.

[arlek1n]

блин. так просто. я вообще хз что там в том фотошопе. какая хоть опция или вкладка или вообще где там это делается ?. ))

пасиб

[Whatsup]

блин. так просто. я вообще хз что там в том фотошопе. какая хоть опция или вкладка или вообще где там это делается ?. ))

пасиб

Это обычное полупрозрачное png изображение.В интернете их множество.Ищи.А в фотошопе создаешь проект 10 на 10 пикселей.основной фон убираешь.Создаешь новый слой.Заливаешь его нужным тебе цветом.И ставишь нужную тебе прозрачность.Далее обязательно сохраняешь в png расширении.Действуй.

[Vlad]

Алгоритм такой.

Ctrl+N, Tab, Tab, "20", Tab, Tab, "20", Enter, Ctrl+Shift+N, Enter, D, Ctrl+Backspace, 5.

В панели Layers удаляешь слой Background и Ctrl+Shift+S, формат PNG-24.

[Whatsup]

Алгоритм такой.

Ctrl+N, Tab, Tab, "20", Tab, Tab, "20", Enter, Ctrl+Shift+N, Enter, D, Ctrl+Backspace, 5.

В панели Layers удаляешь слой Background и Ctrl+Shift+S, формат PNG-24.

Новый способ рисования в фотошопе.

[Vlad]

Это что-то вроде макроса.

[Victor Ananiev]

Точно ctrl? у меня alt...

ctrl+backspace

Edited December 13, 2008 by Vindex10

[kalyaka-malyaka]

Точно ctrl? у меня alt...

D выставляет черный цвет для рисования и белый для фона. Alt+Backspace заливает активный слой цветом рисования. А Ctrl+Backspace -цветом фона. Поэтому какой цвет нужен, такие кнопочки и тыкать

[Victor Ananiev]

)))спасибки) просто раньше не знал)

[Searcher]

С png в IE проблемы будут. Если просто залить сплошным полупрозрачным фоном, легче так:

var open_pic = '<div class="opacity"></div>';
open_pic += '<table cellpadding=0 cellspacing=5 border=0 width=95%>';
open_pic += '<tr valign="top">';
open_pic += '<td><img src="vodostok/kamorka_luki.gif" border="0" width="75" height="65"></td>';
open_pic += '<td align="left" style="font-family: Tahoma; font-size: 10px">ТЕКСТ</td>';
open_pic += '</tr>';
open_pic += '</table>';

а в классах прописать:

.opacity {
	position:absolute;
	width:100%;
	height:100%;
	opacity: 0.80; /* понятно всем, кроме IE */
	filter:alpha(opacity=80); /* только для IE */
}

Edited December 16, 2008 by Searcher