Как сделать прозрачный фон, чтобы не было видно границу?

Question

[SerezhaWEB]

вот там где голубой прямоугольник должен находиться текст (то есть типа legend, но блок не является формой). Вот вопрос, как сделать так, чтобы прямоугольник был прозрачным(текст естественно нет) и не было границ по ширине этого прямоугольника. Вопрос бы не задавал, если бы фон был одним цветом, а у меня фон это градиент.

Answer 1

[apoca1ipsis]

Можно попробовать реализовать с помощью "mix-blend-mode".
Только в IE это не работает.

Answer 2

[Антон Кирпач]

Можно так сделать если очень нужно. как вариант