Разница между transparent и opacity при работе с прозрачными фонами заключается в том, что transparency указывает на то, насколько прозрачным является элемент, а opacity — на степень непрозрачности элемента. 14

Таким образом, при 100% прозрачности элемент будет полностью невидимым, а при установке opacity на 100% — полностью видимым. 1