thickbox messege alert css change

Question

I'm trying to incorporate thickbox on my site. Basically, it's just a fancy javascript alert with a lot more functionality. However, when you the thickbox appears it darkens the rest of the screen. Id rather not have this. I have searched the CSS file extensively and cannot find how to change the opacity/background color. Any help would be appreciated.

link to CSS file: http://jquery.com/demo/thickbox/thickbox-code/thickbox.css

score 0 · Answer 1 · answered Jun 24 '11 at 04:10

.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

The "darkening of the screen" is caused by a black overlay with 75% opacity. Change background-color to transparent if you do not want this.

score 0 · Answer 2 · answered Jun 24 '11 at 04:11

0

It's this:

.TB_overlayBG {
    background-color:#000;
    filter:alpha(opacity=75);
    -moz-opacity: 0.75;
    opacity: 0.75;
}

You can just empty the content or remove it altogether and problem is fixed!

answered Jun 24 '11 at 04:11

riku

763
4
7

score 0 · Answer 3 · edited May 23 '17 at 12:13

@riku; you can use rgba for transparent color, like this

css:

.TB_overlayBG {
    background: rgba(0,0,0,0.7)
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); /* IE 6 & 7 */
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000)"; /* IE8 */

}

Because rgba is not transparent it's content as opacity does

For more check THIS

thickbox messege alert css change

3 Answers3