Question

我已经制作了一些div，它在firefox中按预期工作。

但不是在Internet Explorer 8中。

有人有小费吗？

结构是这样的：

<div id="imgntxt">

    <div id="imgntxtImg">

        <div id="imgntxtNav1"></div>
        </div>

    <div id="imgntxtText">text</div>

</div>

imgContainer通过一些javascript魔法获取图像作为背景。

的CSS：

#imgntxt
{   
    padding: 2px;

    width: 200px;
}

#imgntxtImg
{
    position: relative;
}

#imgntxtText
{
}

#imgntxtNav1, #imgntxtNav2
{
    position: absolute;

    right: 2px;

    bottom: 0;

    background: transparent url("next.png") no-repeat top left;

    height: 16px;
    width: 16px;
}

#imgntxtNav2
{
    right: 19px;

    background: transparent url("prev.png") no-repeat top left;
}

Answer 1

我可以百分之百地确定你添加的代码数量不完整，但我认为它在玩你的位置：绝对在＃imgntxtNav1，＃imgntxtNav2。如果我错了，请提供更多细节。

Answer 2

您是否尝试将图像放在顶部而不是底部？

#imgntxtNav1, #imgntxtNav2
{
  position: absolute;
  right: 2px;
  top: 0;
  ...
}

另外，为什么不直接在html中放置导航图像？这听起来不仅更容易，而且更正确。

css位置IE / FF的差异，如何解决我的问题？

2 个答案: