www.webdeveloper.com
Results 1 to 10 of 10

Thread: background-attachment fixed not working in chrome

  1. #1
    Join Date
    Dec 2013
    Posts
    57

    background-attachment fixed not working in chrome

    I tried google for help on this and it seems to be a bug in chrome but I still can't find a solution. The crazy thing is that it works perfectly in firefox.

    Here is the css code
    Code:
    .container-image {
    background-image: url('http://easource.com/wp-content/uploads/2014/07/traphouse4.jpg');
    
    background-attachment: fixed;
    background-position: -33.4% 0%;
    You can see how it looks on http://easource.com

    Also, I tried removing the background-position but still doesn't work.

  2. #2
    Join Date
    Jan 2004
    Location
    chertsey, a small town s.w. of london, england.
    Posts
    1,459
    Hi there ytesfay80,

    the background-image is rendered OK in my version of Chrome - ( 35.0.1916.153 m ).

    coothead

  3. #3
    Join Date
    Dec 2013
    Posts
    57
    Quote Originally Posted by coothead View Post
    Hi there ytesfay80,

    the background-image is rendered OK in my version of Chrome - ( 35.0.1916.153 m ).

    coothead
    If you scroll down you will see that the background turns black and begins to flicker. I am using chrome on ubuntu.

  4. #4
    Join Date
    Oct 2013
    Posts
    404

  5. #5
    Join Date
    Jun 2014
    Posts
    37
    You can use image in the body as well. there is no need to create another div for only for adding a image in the background.

  6. #6
    Join Date
    Dec 2013
    Posts
    57
    Quote Originally Posted by drdialeruk View Post
    You can use image in the body as well. there is no need to create another div for only for adding a image in the background.

    What do you mean by that?

    Is that the solution to this problem?

  7. #7
    Join Date
    Dec 2013
    Posts
    57
    Quote Originally Posted by Kevin2 View Post

    It would be great if you gave me an answer to this problem because I went to the css validator and there was only this error. ".container-image Parse Error [empty string]"

  8. #8
    Join Date
    Oct 2013
    Posts
    404
    The problems I saw were META tags that the HTML validator didn't like and a couple of unclosed DIVs around and in your HEADER tag.

  9. #9
    I don't think it would work in chrome.

  10. #10
    Join Date
    Dec 2013
    Posts
    57
    is there any other alternative because I believe chrome is the most used browser?

Thread Information

Users Browsing this Thread

There are currently 3 users browsing this thread. (0 members and 3 guests)

Posting Permissions

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



Recent Articles