Как сделать HTML-таблицу частично прозрачной? - PullRequest
Новая
       1

Как сделать HTML-таблицу частично прозрачной?

2 голосов
/ 06 сентября 2011

Если у меня есть таблица HTML, подобная приведенной ниже: 

<table bgcolor="#151515" height="100" width="200">
<tr>
<td>
Hello
</td>
</tr>
</table>

Как я могу сделать ее частично прозрачной?Есть ли способ сделать это без CSS?Если нет, то что такое CSS?

Ответы [ 5 ]

9 голосов
/ 06 сентября 2011

Вы можете попробовать это в своем html-файле: 

<table class='table1'>
<tr><td>...

И это в вашем CSS-файле: 

.table1 {
background: rgba(255,255,255,0.5);
}

Устанавливает значения rgba RED GREEN BLUE ALPHA, 255,255,255 = белый0,0,0 = черный, а значение 0,5 в конце (ALPHA) находится между 0 и 1, где 1 непрозрачно, а 0 прозрачно.Надеюсь, это поможет.

В вашем случае, # 151515 (HEX CODE) преобразуется в (21, 21, 21, 0,5) (RGBA), где A равно 50% прозрачности.

3 голосов
/ 06 сентября 2011

Вы можете установить непрозрачность или прозрачность фона в CSS следующим образом 

  /* for IE */
   filter:alpha(opacity=60);
   /* CSS3 standard */
   opacity:0.6;

Вышеизложенное проясняет это на 60%. Надеюсь, это поможет.

0 голосов
/ 15 июня 2017

Чтобы изменить цвет фона и непрозрачность, добавьте этот атрибут к вашему CSS.

background-color: rgba(100,200, 0, 0.5); (без фона)

Если вы хотите изменить фон + непрозрачность содержимого текста, вы можете использовать:

opacity:0.6;

0 голосов
/ 27 января 2014

Отвечая на старый пост, но это все еще актуально, так как я только что сослался на него =)

Слишком ... вы можете использовать фейерверк или (предположительно) фотошоп, чтобы создать полностью черное изображение .png (просто черный ящик). Установите желаемую прозрачность с помощью панели инструментов и установите упомянутую фотографию в качестве фонового изображения таблицы. По умолчанию повторяется, поэтому заполнит вашу таблицу. У вас будет прозрачная таблица, через которую вы сможете видеть ваше тело bg img / color-, и прозрачность не повлияет на все, что вы положите в таблицу.

Jon

0 голосов
/ 06 сентября 2011

С помощью CSS вы устанавливаете opacity в значение от 0 до 1. Однако это сделает любой элемент в вашей таблице прозрачным.

Лучшим решением (к сожалению) является создание png-фона с небольшой прозрачностью. Таким образом, вы можете уменьшить фон, не затухая содержимое.

...