Question

我在我们的一个客户网站上使用wp-accordion滑块。它在大多数浏览器中看起来很棒，但是当涉及到IE时，滑块标题中的字体变得非常粗大。这只发生在IE中。

以下是用于在我使用的滑块中显示tex的css部分。

#accordion p.css-vertical-text {
border: 0 solid red;
bottom: 30px;
color: #333333;
display: block;
font-family: arial;
font-size: 18px;
height: 205px;
transform: rotate(-90deg);
white-space: nowrap;
width: 220px;
}

滑块通过循环显示内容。

谢谢。

Answer 1

您可以通过为元素提供背景颜色来改进IE渲染，例如尝试：

background-color: white;

Answer 2

只需在声明中添加font-weight：

#accordion p.css-vertical-text {
    border: 0 solid red;
    bottom: 30px;
    color: #333333;
    display: block;
    font-family: arial;
    font-size: 18px;
    font-weight:400; /* add this */
    height: 205px;
    transform: rotate(-90deg);
    white-space: nowrap;
    width: 220px;
}

滑块中的文字在ie中变为粗体和粗体

2 个答案: