The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS Issue with color overlay an image

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #197407

    I’ve read a few articles on CSS-Tricks about color overlays but they don’t seem to work for me. When I view the page in the inspector, the entire background line is marked out with a yellow exclamation mark.

    .page-title { background: rgba(0,0,0,0.5), url('img/test.jpg') top center;

    Can anyone tell me what I’m doing wrong.


    Looks like the CSS rule is missing it’s closing bracket }?

    Reading the article I assume this is based on, background-color would have to be a ‘fake’ gradient for it to work by the way :

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.