0

Blogger のブログ用のカスタム テーマに取り組んでいます。これは Chrome と Firefox の両方で問題なく表示されますが、IE9 で表示すると、すべての投稿の周りに奇妙な赤い境界線があり、削除したボックス シャドウがまだそこにあります。Web サイトが IE8 または IE7 モードで表示されている場合、境界線は白です。ブログは、何かがロードされるまで問題ないように見えますが、その後めちゃくちゃになります。何が問題なのかわかりません。

Blogger の仕様については、この新しいテーマのベースとして Picture Window テーマを使用しており、テンプレート デザイナーのカスタム CSS ボックスを使用しています。私が使用しているカスタム css は以下に掲載されています。

.post-outer {
border-radius:none;
border:none;
background:#3c3c39;
color:#eeeeee;
box-shadow:0pt 0pt 5px #272725 inset;
border-radius:10px;
}

.date-posts {
border:none;
}

.main-outer {
background:none;
border:none;
box-shadow:none;
}

.column-right-outer {
padding-top:20px;
}

.column-right-outer .widget a {
color:#666666;
}

div.post-footer {
border-top:1px dashed #555555;
margin-top:15px;
padding-top:10px;
}

#navbar {
display:none;
}

div.footer-outer {
display:none;
background:none;
box-shadow:none;
}

.footer-inner {
padding:0 20px 0 20px;
}

div.feed-links {
display:none;
}

div#Attribution1 {
display:none;
}

body {
min-height:5px;
padding-top:15px;
}

.blog-pager a {
color:#555553;
}

ブログのURLはこちら：http: //grandambiance.blogspot.com/

4

1 に答える 1

0

このメタ タグを含むテンプレートを使用しているようです:

<meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>

このメタ タグが存在する場合、IE8 または IE9 は IE7 をエミュレートし、使用しているスタイルの一部は IE7 でサポートされていません。したがって、これは少なくとも、異常な動作がある理由を理解するのに役立ちます。

メタ タグを削除して、何が起こるかを確認してみてください。期待どおりに動作するかもしれませんが、テンプレートが IE7 固有の機能を採用しているため、さらに複雑になる可能性があります。そのため、後のブラウザーは IE7 をエミュレートする必要があります。いくつかの CSS3 スタイルを機能させようとしていたときに、ブログで同じメタ タグを削除しようとしましたが、事態はさらに悪化しました。しかし、あなたは幸運になるかもしれません。

これがなければ、必要な CSS3 の一部を使用できるようにする IE7 固有のプロパティがあるかどうかを確認できます。

慰めになるとすれば、ページは IE9 では他のブラウザーとは少し異なって見えますが、それでもかなりきれいに見え、スタイリングが意図的であるかのように見えます。

于 2012-04-22T09:11:41.720 に答える