hola como estan tengo un problema para cargar un css y que se vea en ie8 este es la forma de cargarlo
Código HTML:
<head>
<meta charset="utf-8"/>
<meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible"/>
<title>
Bling Nation
</title>
<meta name="description"/>
<link href="../images/favicon.png" rel="shortcut icon"/>
<link href="../images/favicon.png" rel="apple-touch-icon"/>
<link href="../stylesheets/styles.css" rel="stylesheet" type='text/css' />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>
!window.jQuery && document.write('<script src=../javascripts/jquery/jquery-1.4.2.min.js>');
</script>
</head>
y este es el css
Código CSS:
Ver originalhtml { position: relative; z-index: 0; overflow-y: scroll; }
body { position: relative; z-index: 1; margin: 0; padding: 0; color: #333333; background-color: white; font-family: "Arial", "Helvetica", sans-serif; font-size: 12px; line-height: 1.5; }
div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, input, select, textarea, button, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, menu, time, mark, audio, video { margin: 0; padding: 0; color: inherit; background-color: transparent; background-repeat: no-repeat; font-family: inherit; font-size: 13px; font-weight: inherit; font-style: inherit; line-height: inherit; text-decoration: none; text-align: left; vertical-align: baseline; border: 0; outline: 0; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; }
article, aside, figure, footer, header, hgroup, nav, section { display: block; }
hr { display: block; height: 1px; background: #333333; border: none; }
blockquote cite { display: block; }
table { width: 100%; border-collapse: separate; border-spacing: 0; }
table th, table td { vertical-align: top; }
table thead, table th, table caption { font-weight: bold; }
img { -ms-interpolation-mode: bicubic; }
.alert { position: fixed; top: 0; left: 0; display: none; width: 100%; background-color: #ffffaa; border-bottom: 1px solid #dddd00; -webkit-box-shadow: #cccccc 0 1px 3px; -moz-box-shadow: #cccccc 0 1px 3px; box-shadow: #cccccc 0 1px 3px; }
.alert p { padding: 10px 15px; font-weight: bold; }
.nojs .alert.jsdisabled { display: block; }
::-moz-selection { color: white; background: #ff5e99; text-shadow: none; }
::selection { color: white; background: #ff5e99; text-shadow: none; }
h1 { font-size: 31px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 14px; }
h5 { font-size: 12px; }
h6 { font-size: 12px; }
p { font-size: 12px; }
a { color: #0022ff; outline: 0; -webkit-tap-highlight-color: #ff5e99; }
a:hover { color: #333333; outline: 0; }
a:active { color: #cc3333; outline: 0; }
a:focus { outline: thin dotted; }
del { text-decoration: line-through; }
abbr, dfn { text-transform: uppercase; border-bottom: 1px dashed #333333; cursor: help; }
code, pre, var { font-family: "Monaco", "Courier", monospace; font-size: 12px; white-space: pre; white-space: pre-wrap; white-space: pre-line; word-wrap: break-word; }
strong { font-weight: bold; }
ins { text-decoration: underline; }
sub { font-size: smaller; vertical-align: sub; }
sup { font-size: smaller; vertical-align: super; }
gracias espero su ayuda!!