We have an enterprise web app. Every time a new version of any browser comes out, we wonder about compatibility. Back in the early days of the web, it was a total pain in the ass to develop for IE, Netscape, Opera, Safari, FireFox and the lot. They all had their quirks.
It seems that everyone has learned except Microsoft. We had issues with IE 9 that we coded around. We were compatible with IE 10 on a laptop. But get this. We have a simple css drop-down menu. Here is the code:
.menu a:hover{
color:#bbbbbb;
background-color:#fff;
transition:color .3s, background .3s,-moz-box-shadow 2s, -webkit-box-shadow 2s, box-shadow 2s;
-moz-transition:color .3s, background .3s,-moz-box-shadow 2s, -webkit-box-shadow 2s, box-shadow 2s;
-webkit-transition:color .3s, background .3s,-moz-box-shadow 2s, -webkit-box-shadow 2s, box-shadow 2s;
-o-transition:color .3s, background .3s,-moz-box-shadow 2s, -webkit-box-shadow 2s, box-shadow 2s;
-moz-box-shadow:0 2px 4px #fff;
-webkit-box-shadow:0 2px 4px #fff;
box-shadow:0 2px 4px #fff;
cursor:pointer;
}
It works really well with everyone. Even with IE 10. Time to relax. Not on your life. Although it works with IE10, it doesn't work on the Surface, touch screen. It works on a regular screen but not on the touch screen. It is enough to make you want to pull out your hair.
Microsoft is truly dead man walking.
