Tagged: 

Viewing 5 posts - 1 through 5 (of 5 total)
  • Author
    Posts
  • October 8, 2014 at 9:15 pm #332716
    vidaelf

    I have created an hr line on the top of my container.
    http://newsite.insightpd.com/wp-content/uploads/Screen-Shot-2014-10-08-at-2.12.10-PM.png

    In chrome only, any page I have a transparent header and when I scroll, I get a funny white rule that spans the page.
    http://newsite.insightpd.com/wp-content/uploads/Screen-Shot-2014-10-08-at-2.12.19-PM.png
    It doesn’t show up in any other browser. It competes with my intentional white line. How do I get ride of it?

    Thanks!

    October 9, 2014 at 6:25 am #332956
    Ismael

    Hey vidaelf!

    Thank you for using Enfold.

    I can’t seem to reproduce the issue on my end but please try this on Quick CSS or custom.css:

    #header_main_alternate, #header {
-webkit-transform: translateZ(0);
}

    Cheers!
    Ismael

    October 9, 2014 at 3:32 pm #333278
    vidaelf

    I tried it and it’s still doing it. I’ve tried on many different computers on both mac and PC all on chrome and it’s consistant.

    Can you think of anything else?

    Thanks!

    October 9, 2014 at 3:34 pm #333280
    Yigit

    Hey!

    Can you please flush browser cache and refresh your page a few times. I cannot reproduce the issue on OS X 10.9.5 Chrome version 38.0.2125.101

    Regards,
    Yigit

    October 9, 2014 at 4:07 pm #333304
    vidaelf

    I updated my chrome and it’s working now, but i was only one version behind this. not the biggest deal as i created the hr i needed to align with the white line it was producing. seems like it will go away once everyone eventually updates.

    thanks!

  • Author
    Posts
Viewing 5 posts - 1 through 5 (of 5 total)
  • The topic ‘strange white line that shows on transparent background Chrome only’ is closed to new replies.