help with image opacity (?)

classic Classic list List threaded Threaded
3 messages Options
Reply | Threaded
Open this post in threaded view
|

help with image opacity (?)

Angela French
Hello,
I have a .png graphic that is white and gold on a transparent background.  It is set over divs with a blue and a black background color.  I cannot figure out what is
"dulling down" the .png logo.  It looks like an opacity issue, but there is no opacity set on it.

Here is the page:  http://www.dev.sbctc.edu/default-test-new-logo.aspx .  It is the 50th anniversary logo in the upper left hand corner of the page.

Here is the html:
<div class="greyHeaderLeft"><img width="175" height="180" alt="50th anniversary logo" src="/_resources-for-tests/images/anniversary-logo.png"></div><img width="175" </div>


Here is the css:

.greyHeaderLeft {
                                width:44%;
                                float:left;
                                display:block;

                }
                .greyHeaderLeft img {
                                float:left;
                                margin: 0;
                }


Thank you for any advice.

Angela French
Internet/Intranet Specialist
Washington State Board for Community and Technical Colleges
360-704-4316
[hidden email]<mailto:[hidden email]>
www.sbctc.edu<http://www.sbctc.edu/>

______________________________________________________________________
css-discuss [[hidden email]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Reply | Threaded
Open this post in threaded view
|

Re: help with image opacity (?)

Tom Livingston
On Thu, Mar 9, 2017 at 1:54 PM, Angela French <[hidden email]> wrote:

> Hello,
> I have a .png graphic that is white and gold on a transparent background.
> It is set over divs with a blue and a black background color.  I cannot
> figure out what is
> "dulling down" the .png logo.  It looks like an opacity issue, but there
> is no opacity set on it.
>
>

After downloading the image and opening it in PhotoShop, the png itself is
translucent.



--

Tom Livingston | Senior Front End Developer | Media Logic |
ph: 518.456.3015x231 | fx: 518.456.4279 | medialogic.com


#663399
______________________________________________________________________
css-discuss [[hidden email]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
Reply | Threaded
Open this post in threaded view
|

Re: help with image opacity (?)

Sara Haradhvala
In reply to this post by Angela French
It looks to me like it’s transparency in the .png itself - nothing to do with the CSS.


> On Mar 9, 2017, at 1:54 PM, Angela French <[hidden email]> wrote:
>
> Hello,
> I have a .png graphic that is white and gold on a transparent background.  It is set over divs with a blue and a black background color.  I cannot figure out what is
> "dulling down" the .png logo.  It looks like an opacity issue, but there is no opacity set on it.
>
> Here is the page:  http://www.dev.sbctc.edu/default-test-new-logo.aspx .  It is the 50th anniversary logo in the upper left hand corner of the page.
>
> Here is the html:
> <div class="greyHeaderLeft"><img width="175" height="180" alt="50th anniversary logo" src="/_resources-for-tests/images/anniversary-logo.png"></div><img width="175" </div>
>
>
> Here is the css:
>
> .greyHeaderLeft {
>                                width:44%;
>                                float:left;
>                                display:block;
>
>                }
>                .greyHeaderLeft img {
>                                float:left;
>                                margin: 0;
>                }
>
>
> Thank you for any advice.
>
> Angela French
> Internet/Intranet Specialist
> Washington State Board for Community and Technical Colleges
> 360-704-4316
> [hidden email]<mailto:[hidden email]>
> www.sbctc.edu<http://www.sbctc.edu/>
>
> ______________________________________________________________________
> css-discuss [[hidden email]]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/

______________________________________________________________________
css-discuss [[hidden email]]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/