-2

すべてのブラウザバージョンで自分のWebページを表示したい...私のコードはMozillaとChromeで正常に機能していますが、InternetExplorerでは正しく機能していません。これがIEと互換性のないcssコードです。

編集

過去2か月間、クロスブラウザと複数の解像度をサポートするWebページを作成するのに苦労しています。私のデザインには解像度とブラウザのサポートに関する複数の問題があるため、このデザインは初めてで、これを行う方法がわかりません。複数の解像度のサポートに関する記事を見て、すべての解像度ですべてのブラウザでサポートされている通常のcssコードを使用する必要があると述べています。<div></div>また、デザインが衝突しないように、通常のブラウザをコンテナ内に配置する必要があると聞きました。低解像度で表示すると、以下は1680X1050でMozillaでのみ動作する私のcssコードです。現在、すべての状況で正常に動作するテンプレートを使用しています。完璧なデザインのサンプル例をいくつか教えてください。自分でデザインすることを学ぶ

#image img
{
padding:6px;
border-top:0px solid #ddd;
border-left:0px solid #ddd;
border-bottom:0px solid #c0c0c0;
border-right:0px solid #c0c0c0;
display:inline;
position:relative;
top:-210px;
margin-left:auto;
margin-right:auto; 
}
#hori
{
width: 70em;
margin-left:350px;
position:absolute;
}

#hori ul li
{
display:inline;
float:left;
list-style:none;
}

#hori ul
{
padding:0;
margin-top:-620px; 
}

#hori li
{
display: inline;   
padding:0;
text-align:center;
width:7em; 
float:left;
list-style:none;
height:25px;
margin-left:15px;
background:#38ACEC;
-moz-border-radius: 70px;
border-radius: 70px;
}

#verti 
{
float:bottom;
width:200px;
margin-top:50px;
position:relative;
display: inline;
}

#verti ul li
{
list-style:none;
text-decoration:none; 
}

#verti ul
{
padding:0;
margin:0;
}

#verti li
{
width:150px;
background:#38ACEC;
margin-bottom:9px;
position:relative;
top:170px;
-moz-border-radius:80px;
border-radius:80px;
text-align:center;
}

#slideshow 
{
position:relative;
height:500px;
right:-570px;
top:-280px
}

#slideshow img
{
position:absolute;
top:0;
left:0;
z-index:8;
}

#slideshow img.active
{
z-index:10;
}

#slideshow img.last-active
{
z-index:9;
}
table,th,td
{
border:1px solid black;
width:650px;
position:relative;
right:-480px;
margin-top:-35%;
}
th
{
background-color:#38ACEC;
color:white;
}
4

1 に答える 1

1

あなたは何も質問しなかったので、質問は次のように推測できます：このcssをIEブラウザで互換性を持たせるにはどうすればよいですか？

これを行うには、実際にはいくつかの方法があります。

  • IEでcssプロパティが正しく機能していないことを確認するこのサイトで一般的なCSSの間違いを確認してくださいhttp://www.webcredible.co.uk/user-friendly-resources/css/internet-explorer.shtml

  • インラインフィルターを追加して、IEを使用するときに異なるcssをレンダリングし、その後にIE互換のcssを追加!して、条件の直前にこの負の値を追加する場合。

  • 同じフィルターを使用して、HTMLページの上部に含まれる2つの異なるcssファイルを作成します

<!--[if lt IE #version]>

<link rel="stylesheet" type="text/css" href="styleIE.css" />

これがお役に立てば幸いです。

于 2012-04-12T11:24:15.593 に答える