Repozytorium Web Developera

IE, Safari and compatibility

Safari

Web Inspector on Safari Mobile

To use the Web Inspector on Safari Mobile you need an iOS device or XCode with configured simulator. Then just follow the steps in the article: Quick Tip: Using Web Inspector to Debug Mobile Safari.

Safari Mobile button appearance

On Safari Mobile there are some problems with styling button elements. To disable default button appearance just use styles:


-webkit-appearance: none;
appearance: none;

Internet Explorer

Hacks for IE7 and older


<!--[if lt IE 8]>
hack, hack
<![endif]-->

There is also possibility to serve contents only to other internet browsers than IE.


<!--[if !IE]>< -->
<p>this IE won't see</p>
<!-- ><![endif]-->

HTML5 elements for IE8--

HTML5Shiv CDN available here.


<!--[if lt IE 9]>
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.min.js"></script>
<![endif]-->

Styles only for IE8--


<!--[if lt IE 9]>
<style type="text/css"> @import "ie8.css"; </style>
<![endif]-->

Testing IE8--

Just add meta tag to see how it will look on an old version of the Internet Explorer (only works on it):


<meta http-equiv="x-ua-compatible" content="IE-8" />