text-indent: -9999px;
overflow: hidden;
font-size: 0;
display:block;
line-height: 0;
If you’re a Mac user that requires the usage of Internet Explorer under Mac OS X, you’ll find your choices are generally as follows: run IE on top of Mac OS X with Wine which can be slow and buggy, dual boot Windows and Mac OS X which is a nuisance because it requites rebooting, or use virtualization with something like Parallels, VMWare, or VirtualBox. Virtualization is generally the best method because you can run IE and other Windows apps directly atop OS X, but some of the VM software is expensive and you still need a Windows license key, right? Wrong!
Recently, I was working with one of our customers on site pinning. And we had the code done for a cool implementation, and were ready to deploy. As one last step, I ask the developer to do me a favor and remove the compatibility button – by adding a X-UA-Compatible entry in the HEAD section. If your site can run under this mode, then I like the button to get out of the way. And this is simple to do – just add the entry or the appropriate header. And the developer granted my wish, yet the compatibility button didn’t go away. What’s up?
Réponse courte : remonter le meta X-UA-Compatible juste sous le <head>. Tu me fatigues IE.
Dans IE8, une bannière positionnée au dessus d'une image avec un contenu ajouté en :after passe sous l'image. La solution : passer la bannière en :before et positionner l'image en relatif avec un z-index négatif.
Enfin s'il faut donner une estimation grossière, il me semble que le surcoût se situe entre 20 et 40% sur le temps global du projet car la tâche implique tous les acteurs du projet. Il faut en effet définir le périmètre spécifique, le designer, le développer, le recetter et le mettre en ligne comme un projet séparé.
Google Chrome Frame is an open source plug-in that seamlessly brings Google Chrome's open web technologies and speedy JavaScript engine to Internet Explorer. With Google Chrome Frame, you can:
* Start using open web technologies - like the HTML5 canvas tag - right away, even technologies that aren't yet supported in Internet Explorer 6, 7, 8, or 9.
* Take advantage of JavaScript performance improvements to make your apps faster and more responsive.
Installer Internet Explorer sur Mac c'est possible... enfin presque...
Le guide complet pour avoir le Super navigateur de Microsoft Internet Explorer 6, 7 et 8 sur le système Snow Leopard.
Grâce à l'application WineBottler, vous pouvez installer les outils pour Windows sur Mac comme Internet Explorer de Microsoft, Steam, Textpad, Total Commander ou Winamp. Mais quel intérêt d'avoir le navigateur de Microsoft sur un Mac ?
Le seul intérêt est de pouvoir tester les sites Internet après sa création pour vérifier la compatibilité et le respect du standard W3C.
One bug kept popping up on the sites I built, and I was almost going insane. The bug I’m talking about is specific to Internet Explorer 6 (IE6) and has to do with what happens when you resize the page. Here’s an example page showing the bug. Open it in IE6 and try resizing the window.
IE will give me "http://mydomain/index.cfm#523" while all other browsers give me "#523".
Grâce aux expressions CSS d'Internet Explorer, il y a moyen de simuler les pseudo-classes qui ne sont pas supportées par IE6.
So here we're collecting all the shims, fallbacks, and polyfills in order to implant html5 functionality in browsers that don't natively support them.
The general idea is that: we, as developers, should be able to develop with the HTML5 apis, and scripts can create the methods and objects that should exist. Developing in this future-proof way means as users upgrade, your code doesn't have to change but users will move to the better, native experience cleanly.
Les hacks CSS sont une utilisation peu conventionnelle des sélecteurs CSS pour s'adresser à un ou plusieurs navigateurs quand on doit servir une propriété ou une valeur CSS spécifique à un ou plusieurs navigateurs. Si IE6 fait la fine bouche devant sa soupe de balises, il peut être intéressant de lui servir le même plat mais dans une assiette différente (la comparaison est bancale). Ces hacks s'utilisent souvent pour cibler des versions spécifiques d'Internet Explorer (généralement IE6 et IE7). Toutefois, il en existe pour Firefox, Opéra, Safari, iPhone, etc. Par ailleurs, je n'utilise pas ces hacks CSS dans ma feuille de style principale, mais uniquement dans une CSS réservée à IE via les commentaires conditionnels.
Pour supprimer les outline sur IE7 :
outline:0; /* Pour IE7 */
outline:none; /* Pour le reste du monde */
I've worked on many projects where in I had to style the form/input buttons using custom background images. That is, I had to hide the default text of the button. It's not a big deal, I know. But it is, when it comes to IE. Let's review this in detail.
text-indent: -9999px;
overflow: hidden;
font-size: 0;
display:block;
line-height: 0;
16 items | 12 visits
Petit concis des hacks IE et de comment les résoudre
Updated on Feb 02, 12
Created on Jan 02, 11
Category: Computers & Internet
URL: