opacity

Влад_1995 · May 9, 2009

Можно ли применить свойство opacity только к background таблицы, а не ко всему содержимому???

если "да" то как? (наведите пример кода)

Victor Ananiev · May 9, 2009

а зачем прозрачность для фона? может просто картинку png? а то так с подложками извращаться...

psywalker · May 9, 2009

Влад_1995

То что ты хочешь получить, поидее неосуществимо, так как "opacity" вроде не наследуемое свойство, но если задать Эффект Прозрачности например Таблице, то и всё её содержимое тоже будет прозрачным, поэтому могу предложить следующий вариант:

Надо сделать подложку состоящую из элемента DIV , который нужно позиционировать абсолютно прям сверху таблицы, и уже Ему задавать Прозрачность, вот тогда твоя идея должна работать, лови код:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>table</title>
<style type="text/css">
* { margin: 0; padding: 0;}
  table { width:; border-collapse: collapse; border: 1px solid #000; width: 365px; }
	  table td { border: 1px solid #000;}

  div.opacity{ 
	  background: url(img1.jpg); 
	  height: 200px; 
	  width: 400px;
	  position: absolute;
	  filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); /* IE 5.5+*/
	  filter:alpha(opacity=30); /* IE +*/
	  -moz-opacity: 0.5; /* Mozilla 1.6 и ниже */
	  -khtml-opacity: 0.5; /* Konqueror 3.1, Safari 1.1 */
	  opacity: 0.4; /* CSS3 - Mozilla 1.7b +, Firefox 0.9 +, Safari 1.2+, Opera 9 */
	  }


</style>
</head>

<body>
<div class="opacity"></div>
<table>
	<tr>														 
	  <td>jfjfk</td>
	  <td>jfjfk</td>
	  <td>jfjfk</td>
	  <td>jfjfk</td>
	 </tr>
	 <tr>
	   <td>3-яя ячейка</td>
	   <td>jfjfk</td>
	   <td>jfjfk</td>
	   <td>jfjfk</td>
	 </tr>	 
	 <tr>
	   <td>3-яя ячейка</td>
	   <td>Чтобы высказатьЧтобы  </td>
	   <td >jfjаполните форму Ваши предложения, замечания</td>
	   <td>папва</td>
	 </tr>
</table>
</body>
</html>

Edited May 9, 2009 by psywalker

Влад_1995 · May 10, 2009

Идея с png мне понравилась, но и код тоже попробую)) Спасибо всем!

psywalker · May 10, 2009

Влад_1995

Будь аккуратен с PNG, полупрозрачность не поддерживается броузером IE6, там нужно будет применять фильтр :rolleyes:

Влад_1995 · May 10, 2009

Влад_1995
Будь аккуратен с PNG, полупрозрачность не поддерживается броузером IE6, там нужно будет применять фильтр

а какой эффект у работы фильтра? :blink:

psywalker · May 10, 2009

этот эффект решает проблему с ПНГ в IE6 , тоесть в IE6 фильтр используется для вывода изображения ПНГ с альфа-прозрачностью.. вобщем почитай например тут: http://www.yanajy.com/sdelay-sam/png-in-ie.html

Sign In

opacity

Question

Влад_1995

Link to comment

Share on other sites

6 answers to this question

Recommended Posts

Victor Ananiev

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Влад_1995

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Влад_1995

Link to comment

Share on other sites

psywalker

Link to comment

Share on other sites

Join the conversation

Обсуждения

Forums

Important Information