Add text and code: "Não existe uma propriedade (#27941)
This commit is contained in:
committed by
Randell Dawson
parent
05f52fcd02
commit
2d7f9d3574
@ -8,4 +8,28 @@ Este é um esboço. [Ajude nossa comunidade a expandi-lo](https://github.com/fre
|
|||||||
|
|
||||||
[Este guia de estilo rápido ajudará a garantir que sua solicitação de recebimento seja aceita](https://github.com/freecodecamp/guides/blob/master/README.md) .
|
[Este guia de estilo rápido ajudará a garantir que sua solicitação de recebimento seja aceita](https://github.com/freecodecamp/guides/blob/master/README.md) .
|
||||||
|
|
||||||
#### Mais Informações:
|
Não existe uma propriedade background-opacity no CSS, no entanto é possivel fazê-lo inserindo um pseudo elemento com uma opacidade regular no tamanho exato do elemento por trás dele.
|
||||||
|
|
||||||
|
```CSS
|
||||||
|
div {
|
||||||
|
width: 200px;
|
||||||
|
height: 200px;
|
||||||
|
display: block;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
div::after {
|
||||||
|
content: "";
|
||||||
|
background: url(image.jpg);
|
||||||
|
opacity: 0.5;
|
||||||
|
top: 0;
|
||||||
|
left: 0;
|
||||||
|
bottom: 0;
|
||||||
|
right: 0;
|
||||||
|
position: absolute;
|
||||||
|
z-index: -1;
|
||||||
|
}
|
||||||
|
```
|
||||||
|
|
||||||
|
#### Mais Informações:
|
||||||
|
* [CSS-Tricks](https://css-tricks.com/snippets/css/transparent-background-images/)
|
||||||
|
Reference in New Issue
Block a user