Bootstrap Navbar Background-Image

Asked

Viewed 316 times

1

I’ve tried everything here in the code and there’s no way, I can’t do the navbar bootstrap have the image. The most bizarre is that in Safari it appears, in Chrome it does not.

Follows the code:

.navbar {
        background: url("bootstrap/images/nav-bar.png") repeat-x !important;
        background-size: cover;
    }

I have even tried in another way, like this:

.admin-bar .navbar-fixed-top {
        background: url("bootstrap/images/nav-bar.png") repeat-x;
        background-size: cover;
        border-style: none;
        margin-top: 30px;
    }

No way it will. If it’s possible for someone to help, it’s too complicated to find out. As I said, the strange thing is that in Safari it appears, in Chrome it is left with nothing, only the links as if there was nothing behind, transparent.

  • Maybe it’s an error on the way to the image. Check if the CSS is actually finding the image.

  • Check the development tools if the CSS is being applied and is being overimplemented by another rule, and if the image is actually being searched (status 200).

  • Guys, thank you so much! The link was correct, but as you asked me to see it again, I went to pay attention to the image that he was calling, and the problem as amazing as it sounds was the PNG!! It would normally open in editors, only in the viewer and not on the Web, but strange was Safari open. Now it’s OK! Thank you very much!

No answers

Browser other questions tagged

You are not signed in. Login or sign up in order to post.