CODEWITHSUNDEEP
htmlcsscordovaoverlaytransparent
Marcin Mikołajczyk
Marcin Mikołajczyk

Reputation: 731

phonegap android opacity artifacts

Im facing some bad looking artifacts when displaying transparent overlay with buttons. Anyone else faced/fixed that?

It happens on: Phonegap 2.9, Samsung Galaxy s3 with css:

#overlay.black {
background-color: #000000;
z-index: 99999;
width: 100%;
height: 100%;
position: absolute;
opacity: 0.6;
filter: alpha(opacity=60); }

black artifacts

Upvotes: 0

Views: 805

Answers (2)

Yatima Santamorena
Yatima Santamorena

Reputation: 1

newer versions seem to require background-color: hsla(0, 0%, 0%, 0.5); instead of background-color: rgba(0, 0, 0, 0.5);

Upvotes: 0

Marcin Mikołajczyk
Marcin Mikołajczyk

Reputation: 731

Solved by adding:

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

at the end of css.

Upvotes: 2

Related Questions