IE 7负边距错误

时间:2010-07-02 22:53:47

标签: css internet-explorer html5

使用此代码,“TEXT”不会显示在IE 7中。我认为它背后的输入?给它一个zindex并没有帮助,我不能使用position:relative因为它混淆了其他东西。 任何关于如何解决的想法?

<!DOCTYPE html>
<input/><span style='margin-left:-50px;'>TEXT</span>

3 个答案:

答案 0 :(得分:4)

在IE 6中也是如此。添加position: absolute;在IE 6中解决了它,所以希望它在IE 7中也是如此:

<span style='margin-left:-50px; position: absolute;'>TEXT</span>

答案 1 :(得分:2)

IE7似乎存在负边距问题:http://www.brunildo.org/test/relayout.html

它似乎在IE8中完美运行,所以它绝对应该是一个IE7错误。

答案 2 :(得分:2)

内联元素上的边距不可靠。较新的浏览器可以正常处理它,但在许多情况下,较旧的浏览器仍然无法按预期的方式工作。因此,您可能需要将元素设置为块级元素(这将导致您可能需要使用浮点函数将其置于内联中,然后将其放置在表单元素上,这是我假设的最终位置。< / p>

此外,z-index仅适用于定位的元素。我很惊讶这个位置:相对混淆了其他事情,但是位置:绝对没有,我去解决的问题是使用{position:relative;左:-50px; z-index:10;滑过跨度。