3

私はhtmlコードヘッダータイプを使用し、それにcssを入れました。次に、その背景を取ります。google crome、mozilla、safari ではうまく機能していますが、ヘッダーからの 8 ではバックグラウンドが機能していません。

<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ASI India Travels</title>
<style>
html, body, div, span, object, iframe, article, 
footer, header, hgroup, menu, nav, section, summary,
h1, h2, h3, h4, h5, h6, p,
time, mark, audio, video {
   margin:0;
   padding:0;
   border:0;
   outline:0;
   vertical-align:baseline;
}  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
body {
  background-color:#666666;
 }
.container {
  width:875px;
  margin-left:auto;
  margin-right:auto;
}
header{ }
#header {
  background-color:#009966;
  height:275px;
}
</style>
</head>

<body>
 <header id="header">
   <div class="container">
    header
   </div>
 </header>
</body>

どなたかこの問題を解決していただけませんか？前もって感謝します...

4

5 に答える 5

2

IE8 以下では HTML5 マークアップのスタイルを設定できません。

Internet Explorer <9 は、認識できない要素に CSS をレンダリングする方法を知りません。

もっと詳しく知る

html5shiv という Javascript ポリフィルが必要です。

于 2012-10-12T08:36:24.290 に答える
0

次の 2 つのことを行う必要があります。

  1. この html5 要素を IE8 用に作成するスクリプト (modernizr) を追加します。スクリプトをダウンロードする必要があります
  2. CSS を追加して、ブロック レベルの要素を作成します (既にあるもの)。

これをあなたの<head>

<script src="js/modernizr-1.7.min.js"></script>

次に、CSS で使用できます。

 header{
  background-color:#009966;
  height:275px;
于 2012-10-12T08:49:28.830 に答える
0 
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<title>ASI India Travels</title>
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]--> 
<style>
html, body, div, span, object, iframe, article, 
footer, header, hgroup, menu, nav, section, summary,
h1, h2, h3, h4, h5, h6, p,
time, mark, audio, video {
   margin:0;
   padding:0;
   border:0;
   outline:0;
   vertical-align:baseline;
}  
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { 
    display:block;
}
body {
  background-color:#666666;
 }
.container {
  width:875px;
  margin-left:auto;
  margin-right:auto;
}
header{ }
#header {
  background-color:#009966;
  height:275px;
}
</style>

</head>

<body>
 <header id="header">
   <div class="container">
    header
   </div>
 </header>
</body>

ドキュメントで html5 タグをサポートする必要があります。この場合header、html5 要素であるタグを使用しています。

このサイトにアクセスすると、html5 に関する詳細情報を見つけることができます。

jsFiddleの例を見てください

于 2012-10-12T08:32:23.777 に答える
0

これを試して：

background-color:#xxxxx\0/;

これは"\0/"IE8のハックの1つです。詳細については、このリンクを使用できます：IE Hacks

于 2012-10-12T08:32:29.677 に答える
0

あなたの<header>タグのせいです。この JavaScript を含めると、IE 8 で HTML5 タグを動作させることができます

<script type="text/javascript">
 document.createElement('header');
</script>

これが役立つことを願っています

于 2012-10-12T08:37:58.330 に答える