While mocking up a design page for a colleague's website I came across a new browser behaviour in IE8.
This was the first time I used IE8 as my main development browser, due to the fact that the PC was re-installed and high-priority updates were applied. Surprisingly Microsoft branded IE8 as a priority update.
Anyway, back to what I was talking about, here's a sample:
As you can tell, this is using an image for a link, where it behaves well in Chrome, Firefox and in the previous versions of IE (7 and older). But in IE8, this is not the case as the DOM does not treat the image as innerText, only as a child node. As a result, everytime I hover the mouse over this image, an extra gap would come from nowhere shifting any relatively positioned elements.
To fix this I explicitly added a space ( ), so the line would look like:
This was the first time I used IE8 as my main development browser, due to the fact that the PC was re-installed and high-priority updates were applied. Surprisingly Microsoft branded IE8 as a priority update.
Anyway, back to what I was talking about, here's a sample:
<a href="index.htm"><img src="logo2.jpg" alt="Logo" title="Logo" /></a>
As you can tell, this is using an image for a link, where it behaves well in Chrome, Firefox and in the previous versions of IE (7 and older). But in IE8, this is not the case as the DOM does not treat the image as innerText, only as a child node. As a result, everytime I hover the mouse over this image, an extra gap would come from nowhere shifting any relatively positioned elements.
To fix this I explicitly added a space ( ), so the line would look like:
<a href="index.htm"><img src="logo2.jpg" alt="Logo" title="Logo" /> </a>
Comments
Est-ce que qq a une idée pour rendre le lien actif des la première apparition de la page (sans rafraichissement)?
Merci d'avance.