0

私はこのようなHTMLコードを持っていました:

.caption-right
{
    width:102px;
    height:18px;
    background:transparent;
    position:absolute;
    z-index:100;
    margin: 44px 0 0 0;
}

.Topview-Items .Topview-Items-Item .WrapImage{
    width:104px;
    height:64px;
    border:#dadada 1px solid;
}
.Topview-Items .Topview-Items-Item .Images{
    width:102px;
    height:62px;
    padding:1px;
    overflow:hidden;
}
.Topview-Items .Topview-Items-Item img{
    width:100px;
    height:60px;
    border:none;
}
<ul>
    <li>
        <div class="Items">
            <div class="WrapImage">
                <div class="caption-right">
                    <span class="icon1"></span>
                    <a class="time" href="">4:03</a>
                </div>
                <div class="Images">
                    <img src="/images/images/rightColumnImg.gif" />
                </div>
            </div>
            <div class="text">
                <a href="">A good clips you should click to see</a>
                <p>20.000 visitors</p>
            </div>
        </div>
    </li>
    <li>..with the same content.</li>
</ul>

そして、ここにラップクラスと画像のcssコードがあります。キャプション右クラスで属性 position:absolute を position:relative に変更すると、キャプションは表示されましたが画像は表示されませんでした。このクリップの画像の上にビデオクリップの時間のキャプションを表示したいだけです。Firefox と Chrome では正常に動作しますが、IE では動作しません。このバグを修正する方法を教えてください。

どうもありがとうございました！

4

1 に答える 1

0

少なくとも最初は、相対的なコンテナー (Items または WrapImage) に幅があることを確認して、それが問題であるかどうかを確認してください。私が遭遇するIEの問題のほとんどは、通常、何かが幅を欠いていることが原因です。

hasLayout は、IE の問題を解決しようとするときに知っておくとよいhasLayout または特定のセクションはこちら相対的に配置された要素

于 2009-07-06T11:20:03.517 に答える