iOS: Make divs not have a shadow on touch

Similar to a previous Android issue, except this time for iOS.  It’s not really a problem per-se, but it can make your UI look less clean.  What happens by default in mobile webkit is that when you hold your finger on an element, a grey transparent box is overlayed on it.  To remove this, use the following CSS property:

-webkit-tap-highlight-color:rgba(0,0,0,0);

What really matters is the last value in the 4 values, which sets the opacity to 0, in other words, makes it transparent.

Safari 5.0.5 won’t play HTML5 video

Trying to play HTML5 video in Safari but getting a blank video screen?  Possibly with 0:00 second video length?

I posted the solution over on SO but basically this head scratcher can be solved by using a full URL for the <video>’s src attribute.  If you don’t, Safari doesn’t even try to fetch the video.

I think this bug is only present in very specific versions of Safari (possibly just 5.0.5).