CODEWITHSUNDEEP
csscordovajquery-mobile
Piotr Krysiak
Piotr Krysiak

Reputation: 2815

Transparent thumbnails listview background

I am wondering how to set transparency to the background of my listview. I added a static picture to my app background and I want it to be visible. I tried several css tricks with backgrounds which worked on chrome, but not on my android device. However I was not even able to set the transparency to the listview's background on chrome. The only thing I succedded with is setting opacity but this also affects text. Also it is not problem of affecting child elements in css.

I followed this:
http://www.w3schools.com/css/css_background.asp
and this
http://www.w3schools.com/css/css_image_transparency.asp
I also tried adding transparent pictures as a background listview background and list elements backgrounds.

I dream of something at least similar to this: http://www.santyago.pl/media/zoom/publish/2011/09/bzwbk04.png

I use jQuery-Mobile and PhoneGap.

I tried to find similar questions but I only found ones connected with "plain Android": Transparent/dim ListView background - I want to destroy ListView activity when clicking on background

Upvotes: 1

Views: 662

Answers (1)

biphobe
biphobe

Reputation: 4808

This answer is related to yours: CSS background-image-opacity?

Modyfing opacity of parent element will always affect the children elements. You can try this approach: http://robertnyman.com/2010/01/11/css-background-transparency-without-affecting-child-elements-through-rgba-and-filters/

... But still - if you want a simple solution - just change the opacity of an image in gimp/photoshop or other editor and then use it as background for your container.

Upvotes: 1

Related Questions