HTML: Can't make my PNG image fully transparent. it has the website background

Alvaro Ramirez 0
Viewed 17

I'm trying to add a png image, which has no background, to the website, but it still grabs the grey background colour and adds a weir extra "tail" to the image. Why this happens and how do I prevent it?

This is the image of how it looks

My code is this...

HTML

<body>
<center>
<div id="parte1" class="container">
    <a href="https://tiendaclaro.pe"> <img src="icons/LogoClaro.png" 
        alt="Claro" 
        height="75" 

         >
    
    </a>

</div>


</center>

CSS

 *{
    background-color: #eeeeee;
}

#parte1{
    background-color: #da291c;


}


#logo{
    margin-left: 100px;
    margin-top: 15px;
    margin-bottom: 0px;

And even adding a colour background to the .png still has that extra weird grey thing next to it

Changing colour background

#logo{
    margin-left: 100px;
    margin-top: 15px;
    margin-bottom: 10px;
    background-color:  #da291c;

}
css html
1 Answers
#parte1 img {
  background-color: transparent;
  display: block;
}
usergiok10
Related