使用此代码,“TEXT”不会显示在IE 7中。我认为它背后的输入?给它一个zindex并没有帮助,我不能使用position:relative因为它混淆了其他东西。 任何关于如何解决的想法?
<!DOCTYPE html>
<input/><span style='margin-left:-50px;'>TEXT</span>
答案 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;滑过跨度。