The Essential Guide to CSS and HTML Web Design

Prev | Current Page 457 | Next

Craig Grannell

"The Essential Guide to CSS and HTML Web Design"

Ignoring the abbr element
Problem: The browser does not recognize the abbr element, completely ignoring it.
Solution: Use JavaScript to fix the behavior (at least for those users who have JavaScript
enabled), as shown in ??? Support in IE,??? by Jason Davis (www.browserland.org/
scripts/abbrhack/). Note that since Internet Explorer 7 does not exhibit this behavior,
the script should be targeted at earlier versions of the browser only, by using conditional
comments.
PNG replacement
Problem: The browser does not display PNG transparency??”rather than a background
showing through a semitransparent PNG, the transparency is shown as solid white.
Solution: For backgrounds, use the AlphaImageLoader filter as shown. Here??™s the clean CSS:
.boxout {
background: url(an-image.png);
}
And here??™s the override CSS for the IE style sheet:
.boxout {
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader
??(src='an-image.png',sizingMethod='scale');
background: none;
}
For individual images, either put up with old versions of Internet Explorer not displaying
them as intended, or create some additional content for Internet Explorer that can be
swapped out for the PNG image.
Here??™s the HTML:
An image

?? class="pngImage" />
An image

?? class="IEImage" />
THE ESSENTIAL GUIDE TO CSS AND HTML WEB DESIGN
364
Here??™s the clean CSS:
.

Pages:
445 446 447 448 449 450 451 452 453 454 455 456 457 458 459 460 461 462 463 464 465 466 467 468 469

Your Electronic Books

Craig Grannell

"The Essential Guide to CSS and HTML Web Design"