Printable View
Dear Flynax Family,
Some times user use a white background image and it look blended in with the main white background, not so clear like in screenshot below:
Attachment 3792
Is there any way I can add a background opacity 0.5 on top of that.
I tried :
Any idea how to fix this?Quote:
section#listings div.picture > img:after {
position: absolute;
top:0;
left:0;
content: " ";
background: rgba(0, 0, 0, 0.5);
}
Thanks
Hello,
You can add a border of gray color like:
Code:Only registered members can view the code.
Hi Rudi,Quote:
Originally Posted by Rudi
Thanks for your recommendation. I did try the border but it does not look great. I think the background layer on top looks better, saw it on other site. Is there any way to apply that with css code.
Best
I need some example
cause it's not clear what background you mean
Hi Rudi,Quote:
Originally Posted by Rudi
I want a black background with opacity 0.2 on top of the listing img (path is section#listings div.picture > img). I had tried the following code but it didn't work.
For example this one with ::afterQuote:
section#listings div.picture > img:after {
position: absolute;
top:0;
left:0;
content: " ";
background: rgba(0, 0, 0, 0.2);
}
Hi, any help would be really appreciate. Or it's impossible without difficult edit?
Hello Wei,
Use this:
Code:Only registered members can view the code.
Oh man that works great. Thanks RudiQuote:
Originally Posted by Rudi
It blurs quality of foreground picture. Perhaps 0.1 is better than 0.5Quote:
Originally Posted by Wei Hong