css - 是否有不指定尺寸的 IE7 填充解决方法？

Question

我有一个 <p>标记周围有 9px 的填充。在 FF 和 IE8 中看起来不错，但在 IE7 中不行。它“缩小”了 <p>标记下来。这对观众来说很明显，因为 <p>标签有一个用于背景的半透明 PNG，您可以看到它没有触及包含 <div> 的右侧。就像在其他 2 个浏览器中一样。

在不深入探讨“为什么”的情况下，我的问题很简单:有没有办法获得 <p>使用 9px 的填充标记来填充 IE7 中的可用空间而无需指定宽度(像素或百分比)？

谢谢!

示例 HTML 代码:

<a href="#">
    <img class="off" src="image1.png" />
    <img class="on" src="image2.png" />
    <p>Some copy.</p>
</a>

示例 CSS 代码:

a {
    position: absolute;
    top: 100px;
    left: 100px;
}

a img.on {
    visibility: hidden;
    position: absolute;
    top: -10px;
    left: -10px;
}

a:hover img.on, a:hover p {
    visibility: visible;
}

a p {
    position: absolute;
    visibility: hidden;
    bottom: 0px;
    left: 0px;
    padding: 8px;
    background: url(bg.png) repeat;
}

Answer 1

你的例子并没有真正帮助我，因为它没有真正说明问题。尝试将 p 的宽度和高度设置为 100%。您可能会发现它稍微太大了，在这种情况下，您需要将 IE6/7 的宽度和高度设置为直接像素大小高度和宽度减去填充值(x2 作为其两侧)。