2012-02-09 84 views
-2

代码: http://www.webdevout.net/test?0U为什么此代码在IE7中不起作用?

演示: http://www.webdevout.net/test?0U&raw

这在大多数现代浏览器(Safari浏览器,浏览器,Firefox,IE8/9),但在IE7中不起作用:怎么办?我基本上想让内容决定容器的大小,并且我希望页眉阻止显示并占用容器的填充宽度。所以如果你注意到了,左边的框有内容,绿箱延伸以适应它...有道理?

我正在做文本缩进,因为绿色框中有文本,正在被替换为背景图像精灵......所以这部分需要保持。

+0

有些东西在旧IE版本中不起作用。那为什么这个代码在IE7中不起作用。你应该处理它,并改变代码中的内容。 – ParPar 2012-02-09 16:49:29

+1

你想如何工作?在我的机器上,您提到的浏览器有所不同。 (在最右边的div中,IE 8有一个小的绿色条,一个带有Chromium 16的较大的绿色条,而Firefox 10则没有。)它应该显示什么? – 2012-02-09 17:28:50

+0

左边的框中包含了IE7以外的所有浏览器的内容,绿色条伸展以适应。他们通常都以相同的方式工作。忽略正确的方框:我试图证明的一个事实是,绿色方框不会一直拉伸。 – xckpd7 2012-02-09 18:05:15

回答

0

尝试使用position:absolute设置标题的样式,并且因为它将成为背景图像,您可以将z-index:999添加到文本中。

0

摆脱标题样式中的高度声明。如果要更改框的高度,请更改font-size属性。

相关问题