Long time no see!<\/p>\n
Mais je pense avoir d\u00e9couvert un nouvel “holy hack” pour IE6.<\/p>\n
Voici le cas de figure : un \u00e9l\u00e9ment en position absolue n’apparait pas sous IE6 alors que son “HasLayout<\/a>” est d\u00e9j\u00e0 \u00e0 -1, celui de son parent aussi.<\/p>\n Via la developer toolbar, vous tentez \u00e0 tout hasard d’appliquer une propri\u00e9t\u00e9 height<\/em> \u00e0 l’\u00e9l\u00e9ment incrimin\u00e9… Et bingo, il appara\u00eet !<\/p>\n Vous vous empressez donc de d\u00e9finir la m\u00eame hauteur via la feuille de style, vous rechargez la page et… rien. L’\u00e9l\u00e9ment est toujours invisible.<\/p>\n C’est typiquement la situation o\u00f9 l’\u00e9l\u00e9ment ne va r\u00e9apparaitre que si vous manipulez l’\u00e9l\u00e9ment en temps r\u00e9el via un JavaScript, par exemple document.getElementById(‘mon_element’).style.height = ‘100px’;<\/em> \u00e9x\u00e9cut\u00e9 en bas de page r\u00e9solverait le probl\u00e8me, mais vous ne voulez pas vous embarquer dans un tel bricolage.<\/p>\n Et bien, figurez-vous qu’il existe une propri\u00e9t\u00e9 CSS qui permet de faire apparaitre normalement l’\u00e9l\u00e9ment r\u00e9calcitrant : filter<\/strong>.<\/p>\n En effet, d\u00e9finir filter: none<\/strong> sur l’\u00e9l\u00e9ment r\u00e9soud votre probl\u00e8me !<\/p>\n Merci IE6…<\/p>\n Update : Je me rends compte que height: expression(‘0’);<\/em> permet aussi de r\u00e9soudre le probl\u00e8me, cela semble assez logique car filtres et expression interviennent en temps r\u00e9el sur l’\u00e9l\u00e9ment…<\/p>\n Update bis : appliqu\u00e9e sous IE7 et IE8, cette technique supprime tout antialiasing des textes qui seraient contenus dans l’\u00e9l\u00e9ment concern\u00e9.<\/p>\n","protected":false},"excerpt":{"rendered":" Long time no see! Mais je pense avoir d\u00e9couvert un nouvel “holy hack” pour IE6. Voici le cas de figure : un \u00e9l\u00e9ment en position absolue n’apparait pas sous IE6 alors que son “HasLayout” est d\u00e9j\u00e0 \u00e0 -1, celui de son parent aussi. Via la developer toolbar, vous tentez \u00e0 tout hasard d’appliquer une propri\u00e9t\u00e9 …