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

Home Forums Design background image does not work in IE and Safari

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

    I need some experts who can help me wit this. I’m as clueless as they come and have used this for a new basic site of mine. I have used Chrome for quite some time now and have come to realize that my site doesn’t display the background image properly / at all in IE. I have seen many threads with this issue however some of the things I’ve tried did not work. Here is my CSS code

    .masthead {
    display: table;
    width: 100%;
    height: auto;
    padding: 200px 0;
    text-align: center;
    color: black;
    background: linear-gradient(rgba(255,255,255,.3), rgba(255,255,255,.1)), url(“../img/mainbackground.webp”) no-repeat bottom center scroll;
    background-color: black;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;

    I’ve also tried to enter the complete url to no success. I have a feeling it has to do with the use of linear gradient but im not sure how I can put that in the code to have the same effect on the image transparency and such

    Participant Wepb isn’t supported by IE/Edge. Try using an alternative/fallback format.


    Thanks that fixed it for both

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