Question

我有这样的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代码用于包装类和图像，当我改变属性位置：绝对到位置：相对于标题右侧类时，标题出现但不是图像。我只是想在这个剪辑图像上方显示视频剪辑时间的标题。它适用于Firefox和Chrome，但不适用于IE。有人有问题请告诉我如何修复这个bug。

非常感谢！

Answer 1

确保您的相对容器（可能是Items或WrapImage）具有宽度，首先至少检查是否存在问题。我遇到的大多数IE问题通常是因为某些东西缺少宽度。

尝试解决IE问题时，

hasLayout很有用hasLayout 或者具体部分在Relatively positioned elements

我在css和jcarousel lite中遇到了麻烦

1 个答案: