Internet explorer 使用条件CSS的IE排版调整。。。还是别的什么?

Internet explorer 使用条件CSS的IE排版调整。。。还是别的什么?,internet-explorer,css,conditional-comments,Internet Explorer,Css,Conditional Comments,我正在尝试为自己创建一个设计博客和图库,这就是为什么我在尝试CSS3。我在其他浏览器上实现了我想要的结果,现在IE让我头疼 我使用CSS为我的博客帖子创建了旋转日期标记,如下所示: .metadata { margin-left: -108px; margin-top: 140px; width: 140px; position: absolute; text-align: right; } .postdate { display: block; /* Safari */ -webkit-t

我正在尝试为自己创建一个设计博客和图库,这就是为什么我在尝试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文件中,我包含了相同的CSS类,但规则略有不同:起初我只尝试将字体大小减少50像素。我的电脑上只有IE8,它在那里完全没有效果。我用IE NetRenderer预览了我的网站,这意味着文本大小的改变在IE 7中也起了作用(事实上,在IE 6中也是如此,但我不愿意谈论设计中发生的其他事情)

那么为什么它没有在IE8和IE9中做任何事情呢?我也尝试过使用[if gte IE 8],但也没有任何效果

问题是,当IE理解主CSS文件中的规则并且没有问题显示结果时,它不能用相同类的新CSS规则覆盖效果吗

有没有办法让所有版本的IE完全忽略这些CSS规则并遵循其他规则(这会使日期标记在IE中看起来完全不同)?或者,有没有办法告诉IE根本不要显示日期标记?由于我的网站一开始只是实验性的,不在IE中显示发布日期没什么大不了的。PHP能帮我做后一件事吗?

对于IE 9支持添加:

-ms-transform: rotate(-90deg);​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​​
对于IE 8和更低版本,添加:

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
数字3表示-90(270)度,0表示0度,1表示90度,2表示180度

链接:


html中指定了什么doctype?您可以尝试使用Modernizer()进行功能检测,这允许您使用CSS类来确定是否支持某个功能(例如2D转换)。这通常比浏览器检测更好。并确保包括非前缀CSS以及@Raina77现在我开始修改现有的Wordpress布局(我猜是默认布局)
@TomPietrosanti,听起来不错,我试过了,但似乎无法让它工作。我不确定我做错了什么,但我所有的测试浏览器都显示了不带前缀的CSS。。。不知道我是否使用了错误的前缀,或者js文件一开始就不被识别。很抱歉,我现在无法给你提供更深入的帮助-我时间紧迫-但我想至少分享一下这个建议。如果我有时间的话,我会看看我能不能再帮上点忙!同时祝你好运!谢谢,但我不是在寻找一个解决方案,如何为IE旋转文本,因为我只是尝试了那些代码,成功地旋转了它,但认为IE渲染的结果看起来很难看,我不想在那里使用它。它似乎缺少抗锯齿功能,并且与其他浏览器处于不同的位置。