Форум PHP программистов > Прозрачность.

[ Поиск ] - [ Пользователи ] - [ Календарь ]

RCuPeR

20.11.2010 - 19:15

Всем привет!
Искал в инете, как сделать обьект полупрозрачным. Нашёл!
opacity: 0.1; Счастлив !
Но тут проблемка нарисовалась:
я хочу сделать прозрачной таблицу, а с ней и весь текст, картинки, ну короче всё делается прозрачным, как это изменить ?

Спустя 9 минут, 17 секунд (20.11.2010 - 18:24) DmitryOpalev написал(а):

Делай прозрачность для таблицы

Спустя 8 минут, 13 секунд (20.11.2010 - 18:32) RCuPeR написал(а):

Я и сделал.

Табличка:


<table width="900" align="center" class="mother_td">
   <tr>
   		<td>
                 
        </td>
  </tr>
</table>

Класс mother_td:


.mother_td {
	margin-top:88px;
	border: 1px solid #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#CCC;
	filter:alpha(opacity=50);
 	-moz-opacity:0.5;
 	-webkit-opacity: 0.5;
	opacity: 0.5;
}

Но всё, что попадает между тегов <td></td> становится прозрачным.

Спустя 3 минуты, 43 секунды (20.11.2010 - 18:36) DmitryOpalev написал(а):

Цитата

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

Так это же ты и хочешь...
А если надо убрать, надо писать table tr td {opacity: 1.0;}
Или я не понял?

Спустя 2 минуты, 52 секунды (20.11.2010 - 18:39) RCuPeR написал(а):

Ой...Натупил....Тучнее. Хочу сделать чтобы содержимое таблицы оставалось естественным. А прозрачной была только таблица и всё.

Спустя 2 минуты, 30 секунд (20.11.2010 - 18:42) DmitryOpalev написал(а):

Ну... таблица это же ячейки. Значит делаем внутри td блоки (100%) и пишем в них текст, в стилях пишем opacity: 1;, а для таблицы пишем opacity: 0.1;

Спустя 5 минут, 37 секунд (20.11.2010 - 18:47) RCuPeR написал(а):

Т.е. ты имеешь введу такой вид:

<table width="900" align="center" class="mother_td">
   <tr>
   		<td class="mother_td2">
                 
        </td>
  </tr>
</table>

mother_td2:

.mother_td2 {
	opacity:1;
}

Спустя 3 минуты, 30 секунд (20.11.2010 - 18:51) DmitryOpalev написал(а):

Не совсем:


<table>
   <tr>
   		<td class="mother_td2">
                 <div id='in_td'>
                 
                 </div>
        </td>
  </tr>
</table>

table {opacity: 0.1;}
table div#in_td {opacity: 1;}

Спустя 5 минут, 38 секунд (20.11.2010 - 18:56) inpost написал(а):

jQuery будет работать.

Спустя 23 минуты, 44 секунды (20.11.2010 - 19:20) RCuPeR написал(а):

Цитата (DmitryOpalev @ 20.11.2010 - 15:51)

Не совсем:


<table>
   <tr>
   		<td class="mother_td2">
                 <div id='in_td'>
                 
                 </div>
        </td>
  </tr>
</table>

table {opacity: 0.1;}
table div#in_td {opacity: 1;}

Спасибо!

Цитата

jQuery будет работать.

Как это организовать ?!

Спустя 4 минуты, 23 секунды (20.11.2010 - 19:24) DmitryOpalev написал(а):

Цитата

jQuery

Да ну... а если кто-то отключит JS?
P.S. Мое личное мнение (ИМХО)

Спустя 3 минуты, 12 секунд (20.11.2010 - 19:28) inpost написал(а):

opacity не поддерживается многими браузерами, там есть альтернатива для них. + ИЕ6 с ним уж точно заглючит! Лучше уж JS, чем такое.

Спустя 11 минут, 49 секунд (20.11.2010 - 19:39) RCuPeR написал(а):

Цитата (inpost @ 20.11.2010 - 16:28)

Знаешь как это сделать на JS ?

Спустя 30 минут, 38 секунд (20.11.2010 - 20:10) inpost написал(а):

RCuPeR
Знаю =)

Спустя 31 минута, 1 секунда (20.11.2010 - 20:41) RCuPeR написал(а):

Цитата (inpost @ 20.11.2010 - 17:10)

RCuPeR
Знаю =)

Поделись, а ?!

Спустя 1 час, 9 минут, 21 секунда (20.11.2010 - 21:50) inpost написал(а):

jQuery
$('#id').fadeTo(1,0.4); // 40% видимости.

Спустя 10 минут, 3 секунды (20.11.2010 - 22:00) RCuPeR написал(а):

Я в JS полный NULL, подскажи как внедрить это в HTML страницу ?!

Спустя 4 минуты, 56 секунд (20.11.2010 - 22:05) inpost написал(а):

Вот тут и беда! Надо изучать js + фреймворк (jQuery). На любом торренте введи уроки по javascript, там будет штук 8 или 9 видео курсов, я прошел где-то 6 из них, каждый из них по своему хорош!
Начти так: js (Андрей Морковин) + js (Попов) + jQuery (Попов).

Знаешь что, я тебе сейчас помогу, и ты ещё пару месяцев будешь лениться это сделать! А если прям сейчас скачаешь их и начнёшь изучать, то через 3 дня будешь как орешки щёлкать. Я на каждый курс потратил по 4-5 часов, зато сильно поднялся в этих знаниях!

Спустя 24 минуты, 27 секунд (20.11.2010 - 22:30) RCuPeR написал(а):

Во, тебя бы на место Януковича, тол был бы дал стране =)

Спасибо за советы, обязательно пройду нужные уроки.

Ещё раз спасибо =)

Спустя 17 часов, 23 минуты, 23 секунды (21.11.2010 - 15:53) alex12060 написал(а):

Чем делать через JS, лучше сделать так-же через CSS


.mother_td {
	margin-top:88px;
	border: 1px solid #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#CCC;
	filter:alpha(opacity=50);
 	-moz-opacity:0.5;
 	-webkit-opacity: 0.5;
	opacity: 0.5;
              filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.mother_td2 {
	filter:alpha(opacity=100);
 	-moz-opacity:1;
 	-webkit-opacity: 1;
	opacity: 1;
              filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

Все это кроссбраузерные типы) Так что проблем не будет)

Спустя 31 минута, 3 секунды (21.11.2010 - 16:24) inpost написал(а):

alex12060
Так тоже подходит, но было лень вспоминать все свойства opacity для остальных браузеров!

Спустя 1 день, 5 часов, 53 минуты, 23 секунды (22.11.2010 - 22:18) RCuPeR написал(а):

Цитата (alex12060 @ 21.11.2010 - 12:53)

Чем делать через JS, лучше сделать так-же через CSS


.mother_td {
	margin-top:88px;
	border: 1px solid #666;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	background-color:#CCC;
	filter:alpha(opacity=50);
 	-moz-opacity:0.5;
 	-webkit-opacity: 0.5;
	opacity: 0.5;
              filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
}

.mother_td2 {
	filter:alpha(opacity=100);
 	-moz-opacity:1;
 	-webkit-opacity: 1;
	opacity: 1;
              filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
}

Все это кроссбраузерные типы) Так что проблем не будет)

Ну я за кросбраузерностью, пока не гонюсь. У меня проблема другая. В первом посте она описана.

_____________
Гнусный социопат с комплексом Бога.

Быстрый ответ:

Здесь расположена полная версия этой страницы.