How to do that would be a nested block with text has not been transparent?

There is a bootsrap slider 4, on it there is a block inside a block text. For the parent block is specified
background-image: linear-gradient(to top, #2c0a7a 0%, #e1405a 100%);
opacity: 0.72;
Causing the text and the button are also transparent, which is not necessary, please tell me how this can be avoided
5afbf49a51313846364001.jpeg
June 5th 19 at 21:49
3 answers
June 5th 19 at 21:51
Solution
background-image: linear-gradient(to top, rgba(44, 10, 122, 0.7) 0%, rgba(225, 64, 90, 0.7) 100%);
thank you - allene_Ziemann commented on June 5th 19 at 21:54
June 5th 19 at 21:53
To specify a color in rgba
linear-gradient(to top, rgba(255,0,0,0), rgba(255,0,0,0));

rgba(255,0,0,0) - where the last 0 is your opacity. Put 0.1 0.2 0.3 1
rgba(255,0,0,0)

in your case - 0.7

linear-gradient(to top, rgba(255,0,0,0.7), rgba(255,0,0,0.7));
June 5th 19 at 21:55
1) Make the background by using :before
2) get Rid of the opacity, replacing it with rgba(...) for colors and translucent *.png for images.
3) separate unit(almost the same as the :before)

Find more questions by tags CSSLayout