Jump to content

Alpha bug in footer


Throwaway123131414
 Share

Recommended Posts

Hi, I was playing around with my website and I was trying to make a semi-transparent footer

This is the code I used for the footer

<footer class="footer galaxy-footer">
  <div class="content has-text-centered">
    <p>
    <script src="js/copyright.js">
    </script>© 2018-2020, <strong>Company.</strong>
    </p>
  </div>
</footer>

And this is my css

.galaxy-footer {
    background-color: rgba(25, 25, 25, .5);
    color: var(--white);	// #ffffff
}

.galaxy-footer strong {
    color: var(--white);
}

The other classes are Bulma's classes and they seems not to be the issues

What I get is an half transparent footer and a grey bar, which is the part that is not displayed when the page loads because the content pushes the footer down

Is this a known issue or did I forget something?

 

Screenshot 2020-02-25 at 21.59.01.png

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
 Share

×
×
  • Create New...