Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 4 of 4
  1. #1
    New Coder
    Join Date
    Jul 2013
    Posts
    15
    Thanks
    3
    Thanked 0 Times in 0 Posts

    Linear Gradient Background Image

    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.4)), color-stop(5%,rgba(255,255,255,0)), color-stop(92%,rgba(255,255,255,0)), color-stop(100%,rgba(0,0,0,0.2))), url('images/main-bg.jpg');



    The above style (selecting the body) is doing exactly as i want it to. It is working fine with Chrome, but I can't get it to work w/ IE 10+.

    any words of wisdom would help

    thx

  • #2
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,695
    Thanks
    0
    Thanked 232 Times in 227 Posts
    Hi there fgrubercpa,

    this code...
    Code:
    
    background-image:linear-gradient(to bottom, rgba(0,0,0,0.4) 0%, rgba(255,255,255,0) 5%, rgba(255,255,255,0) 92%, rgba(0,0,0,0.2) 100%); 
    ...works in my test browsers - IE10, Firefox 22.0, Opera 12.16 and Chrome 28.0.

    coothead

  • Users who have thanked coothead for this post:

    fgrubercpa (07-27-2013)

  • #3
    New Coder
    Join Date
    Jul 2013
    Posts
    15
    Thanks
    3
    Thanked 0 Times in 0 Posts
    that's too cool,
    big thx
    f

  • #4
    Senior Coder coothead's Avatar
    Join Date
    Jan 2004
    Location
    chertsey, a small town 25 miles south west of london, england.
    Posts
    1,695
    Thanks
    0
    Thanked 232 Times in 227 Posts

    No problem, you're very welcome.


    coothead


  •  

    Posting Permissions

    • You may not post new threads
    • You may not post replies
    • You may not post attachments
    • You may not edit your posts
    •