私は自分自身のデザイン ブログとギャラリーを作成しようとしています。そのため、CSS3 を少し実験的に使用しています。他のブラウザーで望んでいた結果が得られましたが、今では IE が頭を悩ませています。
次のような CSS を使用して、ブログ投稿用に回転した日付マーカーを作成しました。
.metadata {
margin-left: -108px;
margin-top: 140px;
width: 140px;
position: absolute;
text-align: right;
}
.postdate {
display: block;
/* Safari */
-webkit-transform: rotate(-90deg);
/* Firefox */
-moz-transform: rotate(-90deg);
/* Opera */
-o-transform: rotate(-90deg);
font-size: 70px;
color: #ffffff;
}
さて、私がそれをどのように行ったかは、おそらくそれほど重要ではありません。とにかく、IEでもテキストを回転させてみましたが、IE固有のコードで何とかできましたが、レンダリング結果があまりにもひどいので、使いたくありませんでした。そして今、回転コードなどがなければ、日付マーカーは自然に IE の本来あるべき場所から遠く離れています。
条件付き CSS を使用して IE で日付マーカーのまったく異なる外観を作成したかったのですが、そのようなことを初めて試したので、方法がわかりません。
<!--[if IE ]>
<link rel="stylesheet" href="iecss.css" type="text/css" media="screen">
<![endif]-->
その iecss-file には、わずかに異なるルールで同じ CSS クラスを含めました。最初は、フォント サイズを 50 ピクセルだけ下げようとしました。私のコンピューターにはIE 8しかありませんが、そこにはまったく影響がありませんでした。IE NetRenderer で自分の Web サイトをプレビューしたところ、テキスト サイズの変更がIE 7 で機能したことがわかりました (まあ、実際には IE 6 でも機能しましたが、デザインに起こった他のことについては話したくありません)。
では、IE 8 と (NetRenderer によると) IE 9 で何もしなかったのはなぜでしょうか? [if gte IE 8]も試してみましたが、何もしませんでした。
IE がメインの CSS ファイルのルールを理解し、問題なく結果を表示できる場合、同じクラスの新しい CSS ルールで効果を上書きできないという問題ですか?
IE のすべてのバージョンでこれらの CSS ルールを完全に無視し、他のバージョンに従う方法はありますか (これにより、IE で日付マーカーが完全に異なって見えるようになります)。または、日付マーカーをまったく表示しないように IE に指示する方法はありますか? 私のサイトはそもそもかなり実験的なものなので、IE で投稿日を表示しなくても大したことではありません。PHP で後者を実行できますか?