#0000ffff
- that is the code that you need for transparent. I just did it and it worked.
If you are looking for android apps, you can use
#00000000
You can specify value to background-color using rgba(), as:
.style{
background-color: rgba(100, 100, 100, 0.5);
}
0.5 is the transparency value
0.5 is more like semi-transparent, changing the value from 0.5 to 0 gave me true transparency.
When you have a 6 digit color code e.g. #ffffff, replace it with #ffffff00. Just add 2 zeros at the end to make the color transparent.
Here is an article describing the new standard in more depth: https://css-tricks.com/8-digit-hex-codes/
{background-color: transparent;}
Yeah I think the best way to transparent the background colour (make opacity only for the background) is using
.style{
background-color: rgba(100, 100, 100, 0.5);
}
Above statement 0.5 is the opacity value.
It only apply the opacity changes to the background colour (not all elements')
The "opacity" attribute in the CSS will transparent all the elements in the block.
All you need is this:
#ffffff00
Here the ffffff
is the color and 00
is the transparency
Also, if you want 50% transparent color, then sure you can do...
#ffffff80
Where 80
is the hexadecimal equivalent of 50%
.
Since the scale is 0-255 in RGB Colors, the half would be 255/2 = 128
, which when converted to hex becomes 80
And since in transparent we want 0 opacity, we write 00
Here, instead of making navigation bar transparent, remove any color attributes from the navigation bar to make the background visible.
Strangely, I came across this thinking that I needed a transparent color, but all I needed is to remove the color attributes.
.some-class{
background-color: #fafafa;
}
to
.some-class{
}
Source: Stackoverflow.com