Search jQuery

jQuery Forum

Trouble setting Accordion to be opaque

in Using jQuery UI • 7 years ago

For some reason, the background color of the jQuery UI Accordion seems to be transparent. This is a bit of an issue because some of accordions expand over existing fixed content, but I'm having some trouble setting it to opaque with the usual suspects.

background-color: white;
opacity: 1;
z-index: 0;

I've tried setting these in both the CSS .ui-accordion .ui-accordion-content as well as directly in the HTML.

Any suggestions?

Replies(4)

kbwood.au

Re: Trouble setting Accordion to be opaque

7 years ago

It looks fine to me .

Have you downloaded the images that go with your Theme? Can you provide a page that shows the problem?

Chaya Coo..

Re: Re: Trouble setting Accordion to be opaque

7 years ago

You gave me a few ideas to try - sadly to no avail - so my apologies for taking a little while to reply.

I created a fiddle to demonstrate the problem here http://jsfiddle.net/kkg4prnz/

kbwood.au

Re: Trouble setting Accordion to be opaque

7 years ago

I can get it to work by adding z-index: -1 to the div following. I don't know why it doesn't work by putting a positive z-index on the accordion though.

Chaya Coo..