Inquiry about .png alpha channel usage

[furiousfurryfox]

Hi guys, I was wondering which image settings make use of .png alpha channels as it seems to be mostly ignored? Tried with category logos, product images, banner slider image and some other images that reside in the resources folder as .png files but they don't make use of the alpha? Thanks!

[yonghan]

Hi,seems you need to edit css and add rgba.You can search about rgba on google. This is one of what i've found.

http://css-tricks.com/tinted-images-multiple-backgrounds/

Hope it helps.

[furiousfurryfox]

Hi handoyo, thanks for replying but I am referring to masking using the alpha channel of a .png file, which is different from using rgba to affect the opacity of the image as a whole. Plus with css I am only aware of the webkit solution which doesn't work with all browsers.

The e-commerce software I was previously using had a global toggle whereby if a .png file was being used, its alpha channel would be applied. I think I mistakenly assumed this would always be the case with .png, and am now looking to find out where I can use this in AbanteCart.

For example this works in AbanteCart with the store logo, but not catalog catagories images.

[yonghan]

Ah,sorry for the wrong answer,you're correct about webkit solution doesn't work on all browsers especially older ie version.You can take a look on the css how does abantecart handle the store logo,meanwhile i'll see if i found a quick solution.

[furiousfurryfox]

I feel really silly right now but I guess it's probably because I've been at it for hours and my brain started to shut down.

Yes the alpha channel on .png files work, I'd just forgotten to remove / disable #FFF from background in the various image css locations.

Sorry for the trouble!!

[yonghan]

It's ok.Glad that it works now.