Displays a warning bar at the top of the page, when visited with IE 6/7 (or adjust conditional statement as you need).
- Introduce
oldie-warning-bar.css
(or merge into your existing CSS), - Paste the content of
oldie-warning-bar.html
to your HTML template, immediately after the<body>
element.
<DOCTYPE html>
<html>
<head>
...
</head>
<body>
<!-- paste the content of oldie-warning-bar.html HERE -->
<div class="container"><!-- your existing site content -->
......
...
</div>
</body>
</html>
Please note that this screenshot is a mockup made on modern browser, real world results MUST be worse.