CSS を IE 7、8、9 のみに設定するにはどうすればよいですか?
.pager .pages { margin:4px 0px 0 0; float:right; }
上記のクラスは IE 7 および 8 では表示されないため、デザインが正しく表示されません。
css を別の .css ファイルに入れ、これをファイルの最後に追加します。<head>
<!--[if gt IE7]>
<link rel="stylesheet" type="text/css" href="ie-only.css" />
<![endif]-->
css ファイルの条件付き読み込みに関する詳細情報: http://css-tricks.com/how-to-create-an-ie-only-stylesheet/
こんにちは Naitik さん、css に従ってみてください。
For IE7:
@media screen\9 {
.pager .pages {
margin:4px 0px 0 0;
float:right;
}
}
For IE8:
@media \0screen{
.pager .pages {
{
margin:4px 0px 0 0;
float:right;
}
}
For IE9:
@media all and (min-width:0) {
.pager .pages {
margin:4px 0px 0 0;
float:right; ;
}
}
私が今推測できるのは、デフォルトのbody
マージン/パディングを見ているということだけです。これを CSS に追加して、違いがあるかどうかを確認します。
html,body{
padding:0;
margin:0;
}
これを試して。
.ie7 .pager .pages { //your style here }
.ie8 .pager .pages { //your style here }
.ie9 .pager .pages { //your style here }
クロスブラウジングにも。