background-color hard to find

Question

I have the following website Slide Show

In it, there is (only) one slide show.

In the navigation part, there is a Nav tag that has a

background :rgba (0,0,0,.5)

And has two buttons with an image as background.

This image is transparent on the edges. However, a light gray background is appearing that I can’t find where it comes from.

Answer 1

This is because the element by default has a background color.

To arrange this in your css put the color transparent in the background.

OBS: note that the button also has a borda by default, and I did not withdraw just so you see that even I did not declare a border even so the user-agent of Rowse placed the edge....

.cor {
 background-color: transparent;
}
.borda {
 border: none;
}

<button> com fundo </button>

<button class="cor"> sem fundo </button>

<button class="cor borda"> sem cor / sem borda </button>

Here is a link for you to read more about the tag <button> https://www.w3schools.com/tags/tag_button.asp