IEImage {
display: none;
}
And here??™s the override CSS for the IE style sheet:
.pngImage {
display: none;
}
.IEImage {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
??(src='an-image.png',sizingMethod='scale');
background: none;
}
Note that shim.gif should be a transparent GIF with no content.
Problems with CSS hover menus (drop-downs)
Problem: The browser supports :hover only on links, rather than on any element, thereby
making drop-downs like that in Chapter 5??™s ???Creating a drop-down menu??? exercise fail.
Solution: Use some kind of JavaScript fallback system. There are various options for this,
but the simplest is the solution offered by Peter Nederlof at www.xs4all.nl/~peterned/
csshover.html. All you need to do is download either csshover.htc or csshover2.htc,
place it somewhere within your site??™s hierarchy, and then link to it through a rule in a style
sheet linked via a conditional comment.
body {
behavior: url(csshover2.htc);
}
Another solution is to use HTML Dog??™s Suckerfish Dropdowns (www.htmldog.com/
articles/suckerfish/dropdowns/), which works nicely all the way back to Internet
Explorer 5, and uses perfectly valid CSS.
Fixing hasLayout problems (the peekaboo bug)
Problem: Due to the archaic nature of some aspects of the Internet Explorer rendering
engine, it sometimes serves up some rather odd bugs, and perhaps the most irritating of
these is the so-called peekaboo bug, also known as the disappearing content bug.
Pages:
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470