HTML+CSS: How to add shadow (as image) to image?

alaffodsend

New Member
I ama trying to add to each image from my gallery a shadow. I know I can add the CSS shadow to each element, but the shadow that I am trying to add under my photos is taken from PSD layout and has a different shape than the CSS shadow.Here's the sample, what I am trying to achieve:
PJTxh.jpg
And what I did until now:\[code\] <div style="padding-left: 15px; position:absolute;"> <img src="http://stackoverflow.com/questions/14084542/avatar.png" alt="" /> <img src="http://stackoverflow.com/questions/14084542/shadow.png" alt="" style="margin: 190px 0 0 -191px; width: 187px;" /> </div>\[/code\]It's a terrible solution and even more, it's working for me only in Chrome. Could you guys help me please, how to do it more efficiently and workable in all browsers?
 
Back
Top