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

Question

Если у меня есть таблица HTML, как показано ниже:

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

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

Answer 1

Вы можете попробовать это в вашем 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% прозрачности.

Answer 2

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

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

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

Answer 3

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

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

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

opacity:0.6;

Answer 4

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

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

Answer 5

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

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

Джон