0

ContentFlow JSライブラリを使用していますが、IEに問題があります（8および9、サポートする予定のない古いバージョン）。ContentFlowのスクリプトは、カルーセルのフォントサイズを調整できません。Chrome、FireFox、Safari、Safari（iOS）では、すべてが正常に機能します。

IEでそのような動作をする理由を誰かが提案できますか？

Chrome：

Internet Explorer：

要求されたいくつかのコード：

カルーセル要素コード：

<div class="item" id="backstage1">
    <div class="content">
        <div class="video-title">Конференции</div>
        <div class="video-event">
            <strong>Microsoft TechEd</strong>
        </div>
        <img id="banner1" class="ibanner bordered" src="img/video/c1.jpg" alt="" title="" />
        <img class="shadow" src="img/flow-item-shadow.png" alt="" title="" />
    </div>
    <div class="caption">Some description text</div>
</div>

要素のCSS：

.video-title {
    font-family: "FSAlbertPro", "Arial", serif;
    font-size: 3.4em;
    font-weight: bold;
    color: white;
    text-transform: uppercase;
    text-align: center;
    line-height: 0.9em;
    margin-top: 17px;
    margin-left: -6px;
    margin-bottom: -8px;
    position: relative;
}

.video-event {
    position: relative;
    top: 28px;
    left: 15px;
    font-family: "FSAlbertPro", "Arial", serif;
    font-size: 1.3em;
    font-weight: 100;
    color: #4d4d4d;
    line-height: 100%;
}

その他の「魔法」はContentFlowによって行われます。

問題を再現するためにjsFiddleを作成しようとしているps...が更新されます。

4

1 に答える 1

0

あなたのフォントサイズは em です。IE はデフォルトで firefox や chrome よりも大きなフォントを使用していると思います。本文にはフォントサイズをpx単位で指定するようにし、見出しには気をつけてください！

于 2012-06-21T20:52:30.137 に答える