Opacity applied in Gallery photos....
eparram
Registered Users Posts: 24 Big grins
Hello,
I´m trying to bulid my web page but i´m still new to CSS, basically I´m doing someting wrong....
The page I like to build is composed of a background photograph and on top a gallery with it´s own color content, the color content of the gallery has some opacity in order to see the background photo.
The problem is that the opacity is also applied to the photos in the gallery.....
Have a look:
http://eparra.smugmug.com/customize/Project-Visions/Places/Fatih-Mosque/
The CSS code I used:
.sm-gallery-content {
padding-top: 25px;
padding-right: 50px;
background-color: #ffffff;
border: 1px solid black;
opacity:0.70;
filter:alpha(opacity=70);/* For IE8 and earlier */
}
Any suggestions on how to correct is there another .div different than .sm-gallery-content??? :scratch
Thanks in advance
I´m trying to bulid my web page but i´m still new to CSS, basically I´m doing someting wrong....
The page I like to build is composed of a background photograph and on top a gallery with it´s own color content, the color content of the gallery has some opacity in order to see the background photo.
The problem is that the opacity is also applied to the photos in the gallery.....
Have a look:
http://eparra.smugmug.com/customize/Project-Visions/Places/Fatih-Mosque/
The CSS code I used:
.sm-gallery-content {
padding-top: 25px;
padding-right: 50px;
background-color: #ffffff;
border: 1px solid black;
opacity:0.70;
filter:alpha(opacity=70);/* For IE8 and earlier */
}
Any suggestions on how to correct is there another .div different than .sm-gallery-content??? :scratch
Thanks in advance
0
Comments
--- Denise
Musings & ramblings at https://denisegoldberg.blogspot.com
Sorry,
Try this one:
http://eparra.smugmug.com/Project-Visions/Places/Eyup-Mosque/
Thanks
Any ideas??
Cheers
Not sure, but is this the "Alpha" setting in the Theme you are using?
Chooka chooka hoo la ley
Looka looka koo la ley
Nop,
When I take it out nothing happens...
Regards
Change the background color line to:
background-color: rgba(255,255,255,.7);
And remove the opacity and filter lines.
That should do it. This applies a white background (RGB values of 255, 255, and 255) with an opacity of 70%.
Dave
PERFECT, thanks a lot
Now I understand that the way I was using the opacity was affecting the whole .div while the way you used it only affects the color background....
Cheers