Como inserir efeito de opacidade em uma imagem pelo arquivo CSS?

Olá preciso que uma imagem tenha o efeito de opacidade. Tentei colocar no arquivo CSS, porém a propriedade 'filter' está dando erro. Coloquei então direto na página .aspx e, a mesma coisa.

Meu código no arquivo CSS está assim..

 

banner {

background-image: src(~/images/bg_shadow.png) ;

background-image: none;

filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=images/bg_shadow.png,sizingMethod='30%');        width: 100%;

background-repeat: repeat-y;

background-position: top center;

}

 

Alguém poderia dar uma ajuda?

 

Exibições: 303

Respostas a este tópico

Bom, primeiro se o banner for uma class CSS utiliza-se .banner

 

Tente utilizar o seguinte comando:

 

.banner {
background-image: src(~/images/bg_shadow.png) ;
background-image: none;
filter:alpha(opacity=30);
opacity:0.3;
width: 100%;
background-repeat: repeat-y;
background-position: top center;
}

RSS

© 2017   Criado por Ramon Durães.   Ativado por

Badges  |  Relatar um incidente  |  Termos de serviço