0

请参考下面的截图。

问题是：我在 IE7 中加载页面并打开开发工具。我注意到页面底部的 2 个红色三角形没有定位在它应该在的位置。一旦我单击页面内的某个位置或关闭开发工具，这些红色三角形就会自动正确定位。

红色三角形是绝对定位的。我试过了overflow:visible，认为这可能是 IE7 重绘/重绘问题，但没有帮助。zoom:1border:1px solid transparent

这是我之前发布的与相同布局相关的问题。

是否有人对 IE7 中的这种行为有任何线索以及解决它的任何想法？

在此处输入图像描述

4

1 回答 1

0

您应该真正编辑您的问题，这样我们就不必在其他页面中查找代码，而是基于此处的代码：

您链接到的其他问题的代码

HTML

<body>
        <ul>
        <li>
            <span class="c-icon-v2 c-icon-error-a"></span>
            <input type="text"   value="" id="Validation_Field1" name="Validation.Field1" />
        </li>
        <li>
            <span class="c-icon-v2 c-icon-error-a"></span>
            <textarea rows="5" cols="25" name="txtarea" id="txtarea"></textarea>
        </li>
    </ul>
</body>

CSS

.c-icon-error-a {
        height: 17px;
        width: 18px;
    }
    .c-icon-v2 {
        background-image: url("http://i.stack.imgur.com/RSjot.jpg");
        background-repeat: no-repeat;
        display: inline-block;
        height: 14px;
        vertical-align: middle;
        width: 14px;
    }
    .c-icon-error-a {
        margin: 4px;
        position: absolute;
    }
    ul li {
        margin-bottom:15px;
    }

您可以在以下位置查看我更新的小提琴：http: //jsfiddle.net/CNKsx/3/看看这是否适合您。

于 2013-11-01T11:05:19.303 回答