Question

45

rated 0 times [ 48] [ 3] / answers: 1 / hits: 5691 / 10 Years ago, fri, march 7, 2014, 12:00:00

I work with jQuery and I want to add css opacity on jQuery dialog, but content must show normally

enter

In other word I want to background must be transparent and words and button must show normally

Only authorized users can answer the question. Please sign in first, or register a free account.

Total Points: 421

Total Questions: 115

Total Answers: 102

Location: Marshall Islands

Member since Mon, May 31, 2021

3 Years ago

answered 10 Years ago kourtney · Accepted Answer

The CSS property 'opacity' will make every child transparent also.

You can use instead background-color and use rgba for that on the dialog div (.ui-dialog if I'm not mistaken), for example:

.ui-dialog {

     background-color: rgba(255,255,255,0.5);

}

That means a white color (255,255,255) with half opacity (0.5, goes from 0 to 1, 0 meaning invisible, 1 meaning solid).