Question

我在我的一个客户网站上使用wp-accordion滑块。下面的CSS是幻灯片标题，但当我在IE中查看滑块时，它会使字体看起来更大胆。

.css-vertical-text {
    color:#333;
    border:0px solid red;
    writing-mode:tb-rl;
    -webkit-transform:rotate(-90deg);
    -moz-transform:rotate(-90deg);
    -o-transform: rotate(-90deg);
    white-space:nowrap;
    display:block;
    bottom:30PX;
    width:220px;
    height:205px;
    font-size:18px;
    margin-left:10px\9;
    font-family: trebuchet ms;
    // text-shadow: 0px 0px 1px #333;
    filter: flipv fliph;

}

请帮忙。我尝试过使用font-weight，但它没有用。

Answer 1

尝试下面的CSS，它可能会帮助你

   font-weight:normal !important;

Answer 2

试试这个：

font:normal 18px !important;

Answer 3

看起来是因为IE的filter属性无法正常运行...... jsfiddle

修改

忽略我对HTML5的谣言。我们显然在谈论CSS3。不过，它看起来并不像IE支持它。

<强> EDIT2

更糟糕的是，我进一步研究了它，结果发现新的CSS3 filter属性并不是我们所说的。相反，IE过去只有一个名为filter的IE浏览器属性。我试着看看它是否适用于IE 9之前的IE浏览器，但它们不适用于jsfiddle。我会放弃使用非标准的东西来达到你的效果。

wp-accordion slider css错误地使字体在IE9中显得更大胆

3 个答案: