Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • March 1, 2016 at 5:08 pm #591681
    Sir-Richard-Picture

    Hi,
    I’m wondering how to realize a gradient overlay (from blue to tranparent from left to right) applied on a scrolling section background image.
    I tried the following css:
    .verlauf_1 {
    background-image: -webkit-linear-gradient(left,rgba(114, 160, 207, 0.9),rgba(114, 160, 207, 0)) !important; /*Safari 5.1-6*/
    background-image: -o-linear-gradient(right,rgba(114, 160, 207, 0.9),rgba(114, 160, 207, 0)) !important; /*Opera 11.1-12*/
    background-image: -moz-linear-gradient(right,rgba(114, 160, 207, 0.9),rgba(114, 160, 207, 0)) !important; /*Fx 3.6-15*/
    background-image: linear-gradient(to right, rgba(114, 160, 207, 0.9), rgba(114, 160, 207, 0)) !important; /*Standard*/
    }
    But if I apply these css-tag on the color-section the background-image isn’t displayed any longer. I can not add the image url to the background-image because I want to use the css-tag for many different background images.
    Do you have an idea?
    Thank you very much in advance.
    Kind regards
    Christian

    March 2, 2016 at 7:48 am #591927
    Rikard

    Hi Christian,

    Well you are overriding the background-image CSS: 

    background-image: -webkit-linear-gradient(left,rgba(114, 160, 207, 0.9),rgba(114, 160, 207, 0)) !important;

    Link to your site and provide us a screenshot of what you are trying achieve and we’ll have a look at it.

    Thanks,
    Rikard

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.