Tengo un div padre que tiene estas propiedades:
#DestineShowStyleContainer {
position: fixed;
background-color: red;
height: all;
width: all;
top: 0px;
right: 0px;
left: 0px;
bottom: 0px;
background-color: white;
opacity: 0.5;
}
Y un componente hijo:
.DestineShowStyle {
position: fixed;
background-color: green;
height: all;
width: all;
top: 60px;
right: 60px;
left: 60px;
bottom: 60px;
opacity: 1;
}
El componente hijo hereda todas esas propiedades, las cuales puedo cambiar a todas, a excepción del opacity
. Por más que le dé el valor 1
, sigue quedando transparente.
¿Alguna idea?
Nota: Estoy trabajando en React, no se si es relevante.