How do I add transparency to a color/image? I saw in a forum (mybb) and i inspected with firebug and i copied the 'code' and put it on mine and didn't work.
more details ... ( forum URL , image details & used code )
in CSS add:
opacity: .5;
-ms-filter:"progid
XImageTransform.Microsoft.Alpha(Opacity=50)";
filter: alpha(opacity=50);
Use rgba color, for example, to give a transparency to the background-color property, add this:
rgba(0,0,0,0.5)
Instead of #000
You can add transparency any color this way.
#mainpic {
background: url("../../../images/alphagaming/mainpic.png") no-repeat scroll 0 0 transparent;
height: 284px;
width: 960px;
}
#ttop {
background: url("../../../images/alphagaming/ttop.png") no-repeat scroll 0 0 transparent;
height: 57px;
width: 960px;
}
#tlogo {
background: url("../../../images/alphagaming/logo.png") no-repeat scroll 0 0 transparent;
height: 25px;
margin-left: 15px;
margin-top: 19px;
position: absolute;
width: 350px;
TTop is what i pretend.
The forum is
http://www.forumanime-pt.com/
(2011-10-05, 03:57 PM)Sama34 Wrote: [ -> ]background: url("../../../images/alphagaming/logo.png") no-repeat scroll 0 0 transparent;
background: transparent url("../../../images/alphagaming/logo.png") no-repeat scroll 0 0;
http://community.mybb.com/thread-105250-...#pid767601
In Firebug that didn't work. I will try tin global.css and what crazy4cs sugested
Quote:I will try in global.css and what crazy4cs sugested
Just use the code from link I gave and it'd work fine, I use it at many places in my themes.
