Sidebar transparency in Google Chrome

  • jim.crandall

    (@jimcrandallverizonnet)


    11 years, 5 months ago

    I’ve created a transparent background for my 2011 child theme using a 50 percent opaque tiled image. It works fine in Safari, Firefox, and even IE, but in Chrome the sidebar renders as 50 percent opaque as well. I can’t figure out how to fix the sidebar in Chrome. Any help would be greatly appreciated. Here’s the link:

    https://idyllwilder.com/judi/

Viewing 2 replies - 1 through 2 (of 2 total)

  • It looks the same to me in IE, Firefox, and Chrome. The background for the whole content area (with an ID of “primary”), which also includes the sidebar, is a transparent image:

    #primary {
background-image: url(https://idyllwilder.com/judi/wp-content/uploads/2013/09/transparentbackground.png);
}

    At narrower viewport widths, when the sidebar flows under the main content area, there is no background for the sidebar in all browsers, so you may want to add a background property for the #secondary div in the media query section of your CSS.

    Thread Starter jim.crandall

    (@jimcrandallverizonnet)

    Thanks for that, CrouchingBruin. I found out that the problem I’m having with Google Chrome is on Mac OS X Lion. It looks fine on a PC running Chrome. Not sure what the glitch is. Thanks for the note about the sidebar; I’ll fix that. Appreciate the prompt reply…

    If you or anyone else has a fix for the Mac OS X Chrome glitch, please let me know.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Sidebar transparency in Google Chrome’ is closed to new replies.