- Mensajes
- 399
- Puntuación de reacción
- 2
Hola,
Necesito ayuda para un div. Es una caja con un fondo de imagen y sobre ella hay un texto centrado: Edit fiddle - JSFiddle
El problema está en que cuando le aplico un efecto de opacidad a una parte del contenedor (porque quiero que tenga un fondo más blanco con menos opacidad) se aplica también al texto, y el texto quiero que tenga toda la opacidad.
Y si puede ser, para que quede más estético, que el ancho tenga bordes redondeados y no ocupe todo el width, sino solo un poco más que el ancho del texto (como muestro en la imagen, pero el fondo de relleno con la opacidad).
Cito al maestro @lobogris por si sabe la solución, aunque cualquier otro que sepa puede ayudarme
Pagaré si hace falta.
Necesito ayuda para un div. Es una caja con un fondo de imagen y sobre ella hay un texto centrado: Edit fiddle - JSFiddle
El problema está en que cuando le aplico un efecto de opacidad a una parte del contenedor (porque quiero que tenga un fondo más blanco con menos opacidad) se aplica también al texto, y el texto quiero que tenga toda la opacidad.
Y si puede ser, para que quede más estético, que el ancho tenga bordes redondeados y no ocupe todo el width, sino solo un poco más que el ancho del texto (como muestro en la imagen, pero el fondo de relleno con la opacidad).
Cito al maestro @lobogris por si sabe la solución, aunque cualquier otro que sepa puede ayudarme
Pagaré si hace falta.