css - Background image not appearing in IE8 -
i have background image i'm trying use logo. all's fine in chrome & ff, it's not showing in ie8. background images don't load. how can them show in ie8?
this code:
<header> <h1 class="logo"> <a href="http://publix.newhaven.edu/hlee-test">henry c. lee institute of forensic science</a> </h1> </header>
css:
header { margin: 0 10px 38px 7px; padding: 30px 0 0 0; } header h1{ width:232px; } header h1 { background:url('images/logo.png') 0 0 no-repeat; display:block; height:89px; text-decoration:none; text-indent:-9999px; width:243px; }
add in head
of page next:
<!--[if lt ie 9]> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> <![endif]-->
in css need write default styles new html5 tags:
header, footer, section, nav, article { display: block; margin: 0; padding: 0; }
html5shiv.js - create new html5 tags in dom. old browsers ie8 don't know html5 tags.
Comments
Post a Comment