Advanced Search

ie legacy css conditional

/ Published in: HTML
Save to your folder(s)

Expand | Embed | Plain Text

Copy this code and paste it in your HTML 
  1.     <!--[if lt IE 9]>
  2.         <style type="text/css">
  3.                 div.ie8message {color: #FF0000;font-family:Arial,sans-serif;font-size:12px;font-weight:bold;border:3px solid #FF7D7D;margin: 10px auto 10px auto;padding: 20px;background-color: #FFFF99;}
  4.                 div.ie8message h2{font-size:16px;text-align:center;}
  5.                 div.ie8message p{font-size:11px;text-align:left;}
  6.             </style>
  7.             <div class=ie8message>
  8.                 <h2>Old web browser detected!</h2>
  9.                 <p>This website is designed to function on up to date desktop and mobile web browsers.</p>
  10.                 <p>We strongly recommend you update your current internet browser to avoid issues later.</p>
  11.                 <p>To get the most out of this site please <a href="http://windows.microsoft.com/en-GB/internet-explorer/download-ie" title="Get the latest version of Internet Explorer">update Internet Explorer</a> or install a new browser :</br>(latest <a href="https://www.google.com/intl/en/chrome/browser/" title="Get the latest version of Google Chrome">Chrome</a> or <a href="http://www.mozilla.org/en-US/firefox/new/" title="Get the latest version of Mozilla Firefox">Firefox</a> recommended)</p>
  12.             </div>
  13.     <![endif]-->

Report this snippet


Comments

RSS Icon Subscribe to comments

You need to login to post a comment.